\n Agkyra\n \n 01\n

\n\n \n\n

\n \n

02Rooms & suites

Rooms that
hold the light.

Every room at Agkyra opens onto the pool and a generous private terrace. Microcement floors, fluted glass, hidden lighting — and the constant, quiet presence of the Aegean.

\n\n

\n\n \n

\n $\"The$ \n

N°1Signature

The Loft Suite

A double-height living space stitched together by a sculptural black-steel staircase. Bedroom above, lounge below, and a private terrace looking straight over the pool.

\n 45 m²\n 2–3 guests\n Private terrace\n Pool view\n A/C\n

from€189 / night

\n Check availability\n \n \n

\n\n

\n\n \n

\n $\"Sea-Glimpse$ \n

N°2Most loved

Sea-Glimpse Deluxe

A king bed facing the morning light, a charcoal headboard wall, and a terrace where the day ends with the Aegean turning silver on the horizon.

\n 32 m²\n 2 guests\n Sea glimpse\n Private terrace\n A/C\n

from€159 / night

\n Check availability\n \n \n

\n\n

\n\n \n

\n $\"Pool-View$ \n

N°3Essential

Pool-View Superior

The essence of Agkyra: a serene, sunlit room a few steps from the water, with a generously exposed terrace made for long breakfasts.

\n 26 m²\n 2 guests\n Pool view\n Private terrace\n A/C\n

from€129 / night

\n Check availability\n \n \n

\n\n \n

+In every room

The quiet essentials.

Rain shower

Walk-in showers behind fluted glass, soft towels, slow mornings.

Climate control

Individually controlled air conditioning, blackout curtains.

Screen & sound

Flat-screen TV with international channels, fast free Wi-Fi.

Lounge corner

A proper sitting area — because holidays deserve sofas too.

\n\n \n \n\n \n

Direct booking · best rate · flexible on request

Pick your view.
We'll keep it ready.

\n Book your stay\n \n \n

\n\n \n\n \n \n \n \n \n\n\n",[],[237,275],"848aad59-1636-47a0-94ad-96c703f3baa5","index.html","dd10dc92-9b3c-11f1-8dc2-1607ee4eb77e",["D",1787140689770],13,"\n\n\n \n \n Agkyra Boutique Hotel — Rhodes | Official Site, Best Rate Direct\n \n \n \n \n \n \n \n \n \n \n \n\n\n\n \n

\n \n Agkyra · Rhodes\n 0\n

\n\n \n

\n Agkyra\n \n 01\n

\n\n \n \n\n

\n \n

\n $\"Agkyra$ \n \n

Rhodes Town · Boutique Hotel ★★★★

Anchored in
the Aegean

The sea, three minutes away. The medieval city, ten. Between them — pale stone, turquoise water, and the rare luxury of silence.

\n Book your stay\n \n \n

\n 9.2\n Fabulous · 496 reviews\n

Scroll

\n\n \n

01The hotel

Designed for slow mornings and sea-salt evenings.

Behind a quiet façade of white plaster and fluted glass, Agkyra unfolds around a sun-drenched courtyard and pool. Every room looks onto the water; every detail — microcement, black steel, Aegean light — is chosen to slow you down.

A restaurant and bar, free private parking, airport transfers, an excursions desk and a reception that never sleeps: everything is here, so that nothing gets in the way of the island.

0^/10Guest score

0^/10Staff rating

0Verified reviews

3^minWalk to the beach

\n\n \n

✦Why Agkyra

Some places you visit.
Others you drop anchor in — and the rest of the world quietly lets go.

\n\n \n

\n ◆ Outdoor pool\n ◆ Restaurant & bar\n ◆ Free private parking\n ◆ Airport transfers\n ◆ 24/7 reception\n ◆ Excursions desk\n ◆ Free Wi-Fi\n

\n\n \n

02Rooms & suites

Every room faces the water.

\n \n

\n $\"Loft$ \n

The Loft Suite

from €189/night

Two levels, a sculptural staircase and a private terrace over the pool.

\n \n

\n $\"Deluxe$ \n

Sea-Glimpse Deluxe

from €159/night

A king bed, a breeze-filled terrace and the Aegean on the horizon.

\n \n

\n $\"Superior$ \n

Pool-View Superior

from €129/night

Sunlit calm, a sun-exposed terrace, and the water just below.

\n \n

\n \n View all rooms\n \n \n

\n 01 / 03\n \n Drag →\n

\n \n \n

\n\n \n \n\n \n

04Guests' words

\n “\n

A very beautiful, modern hotel — warm, smiling, welcoming staff. Three minutes from a small beach,
ten from the Old Town.

Gaëtan — Belgium · verified stay

9.5Staff

8.9Location

FabulousOverall — 9.2/10

\n\n \n

05Where to find us

Stratigou Zisi 76,
Rhodes 851 00, Greece

\n \n Open the map\n \n \n

Elli Beach

3 minutes on foot — a small quiet beach, right below the hotel.

Medieval Old Town

10 minutes on foot — a UNESCO World Heritage site.

Zephyros Beach

1.4 km — long sandy stretches for full days by the water.

Rhodes Airport

25 minutes by car — private transfers arranged on request.

\n\n \n

Book direct — best rate guaranteed

Your table by the pool
is waiting.

\n Book your stay\n \n \n

\n\n \n \n\n \n \n \n \n \n\n\n",[],[237,285],"fd48cbb4-b726-4fcb-8282-b47fb1771123","experiences.html","8d6f38f4-9b3d-11f1-9001-1607ee4eb77e",41,["D",1787139895282],6,"\n\n\n \n \n Experiences — Agkyra Boutique Hotel, Rhodes\n \n \n \n \n \n \n\n\n\n

\n Agkyra\n \n 01\n

\n\n \n\n

\n \n

\n $\"Golden$ \n \n

Experiences · Rhodes

Days that ask
nothing of you.

A morning in the medieval city, an afternoon in turquoise water, an evening on the rooftops. Here is how a day at Agkyra likes to unfold.

\n\n \n

\n (01)\n

Breakfast in the courtyard

Daily · 7:30 — 10:30Buffet

Greek yogurt with island honey, warm bread, figs, orange juice pressed that morning. Sun stripes across the tables, and no reason to hurry.

\n $\"Courtyard$ \n

\n\n

\n (02)\n

The medieval Old Town

10 min on footUNESCO

The Street of the Knights at first light, the Palace of the Grand Masters, honey-stone alleys before the crowds. Our excursions desk maps it all for you.

\n $\"Street$ \n

\n\n

\n (03)\n

Beaches, near and nearer

Elli · 3 minZephyros · 1.4 km

A small quiet beach three minutes from the door for the morning swim; the long sands of Zephyros when you want the whole day. Towels are on us.

\n $\"Turquoise$ \n

\n\n

\n (04)\n

Pool, bar, repeat

In seasonSignature cocktails

Still turquoise water, architectural shade, a bar that understands the difference between a drink at four and a drink at seven.

\n $\"Poolside$ \n

\n\n \n \n\n \n

+Excursions desk

Tell us the day you want.
We'll arrange it.

Boat days

Symi, Lindos and hidden coves — day trips booked from the desk.

Tables worth walking to

Our shortlist of tavernas and rooftops, with reservations made for you.

Transfers

Airport pick-up and drop-off, arranged before you land.

Beach kit

Towels, a cooled bottle of water, and directions to the quiet stretch.

\n\n \n

Book direct — best rate guaranteed

Start with the dates.
We'll do the rest.

\n Book your stay\n \n \n

\n\n \n\n \n \n \n \n \n\n\n",[],[237,293],"56525110-976a-4f3b-837b-34082088a712","contact.html","b02dba3c-9b3d-11f1-84dd-1607ee4eb77e",42,["D",1787139898957],"\n\n\n \n \n Book Your Stay — Agkyra Boutique Hotel, Rhodes\n \n \n \n \n \n \n\n\n\n

\n Agkyra\n \n 01\n

\n\n \n\n

04Direct booking

Drop anchor.

Send us your dates — we confirm availability and our best direct rate within a few hours, along with a welcome drink on arrival.

\n 9.2\n Fabulous · 496 reviews\n

◆Best rate guaranteed — no platform fees
◆Flexible conditions on request
◆Answer within hours, 24/7 reception

\n\n

\n Arrival\n \n \n

\n Departure\n \n \n

\n Guests\n \n \n

\n Room\n \n \n

\n Full name\n \n \n

\n Email\n \n \n

\n Anything we should know?\n \n \n

\n \n

No payment now — we only confirm availability and rate. Your details stay with the hotel.

\n\n

\n \n

Request received.

We'll come back to you within a few hours with availability and our best rate. Until very soon in Rhodes.

\n\n

\n\n \n

Address

Stratigou Zisi 76,
Rhodes 851 00, Greece

Email

stay@agkyrahotel.gr

Phone

+30 22410 00000
Reception open 24/7

Getting here

25 min from Rhodes Airport (RHO). Free private parking on site.

\n \n Open the map\n \n \n

\n\n \n

?Good to know

Check-in / out

Check-in from 15:00, check-out until 11:00 — flexible whenever we can.

Breakfast

Buffet breakfast served daily in the courtyard, 7:30–10:30.

Transfers

Airport transfers on request — tell us your flight number.

Season

Outdoor pool open in season; the island is beautiful all year.

\n\n \n\n \n \n \n \n \n\n\n",[],[237,302],"5834d050-17f3-4166-b1b6-550e25976fc7","main.js","a24ccc9c-9b3c-11f1-881e-1607ee4eb77e","0d1db27a-7fbe-424f-bba5-69ac41217331",48,["D",1787140672130],"script","/* ============================================================\n AGKYRA BOUTIQUE HOTEL — interactions & motion\n GSAP + ScrollTrigger + Lenis\n Motion language: calm, precise, expensive.\n ============================================================ */\n(function () {\n \"use strict\";\n\n var reduced = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n var canHover = window.matchMedia(\"(hover: hover)\").matches;\n if (reduced) document.documentElement.classList.add(\"reduced\");\n\n gsap.registerPlugin(ScrollTrigger);\n gsap.defaults({ ease: \"power3.out\", duration: 1 });\n\n var booted = false;\n var currentLang = \"en\";\n var marqueeTweens = [];\n\n /* ---------- Smooth scroll ---------- */\n var lenis = null;\n if (!reduced && window.Lenis) {\n lenis = new Lenis({ lerp: 0.09, wheelMultiplier: 1, smoothTouch: false });\n lenis.on(\"scroll\", ScrollTrigger.update);\n gsap.ticker.add(function (t) { lenis.raf(t * 1000); });\n gsap.ticker.lagSmoothing(0);\n }\n\n /* ---------- i18n ---------- */\n var COMMON_I18N = {\n fr: {\n \"nav.home\": \"Accueil\",\n \"nav.rooms\": \"Chambres\",\n \"nav.experiences\": \"Expériences\",\n \"nav.contact\": \"Réserver\",\n \"cta.book\": \"Réserver\",\n \"cta.bookStay\": \"Réserver votre séjour\",\n \"cta.discover\": \"Découvrir\",\n \"cta.kicker\": \"Réservez en direct — meilleur tarif garanti\",\n \"hero.score\": \"Fabuleux · 496 avis\",\n \"footer.stay\": \"Séjour\",\n \"footer.hotel\": \"L'hôtel\",\n \"footer.contact\": \"Contact\",\n \"footer.rooms\": \"Chambres & Suites\",\n \"footer.experiences\": \"Expériences\",\n \"footer.booking\": \"Réservation directe\",\n \"footer.about\": \"Notre histoire\",\n \"footer.location\": \"Accès & plan\",\n \"footer.legal\": \"Mentions légales\",\n \"footer.tag\": \"Hôtel boutique 4★ — Ville de Rhodes, Grèce\",\n \"footer.rights\": \"Tous droits réservés\",\n \"footer.bestrate\": \"Meilleur tarif garanti en direct\",\n \"fs.local\": \"Heure locale à Rhodes\",\n \"fs.coords\": \"Coordonnées\",\n \"fs.water\": \"À pied de l'eau\",\n \"fs.min\": \"3 min\"\n }\n };\n var CURSOR_LABELS = { en: \"View\", fr: \"Voir\" };\n\n function getLang() {\n var p = new URLSearchParams(window.location.search).get(\"lang\");\n if (p === \"fr\" || p === \"en\") return p;\n try { var s = localStorage.getItem(\"agkyra-lang\"); if (s) return s; } catch (e) {}\n return (navigator.language || \"en\").slice(0, 2) === \"fr\" ? \"fr\" : \"en\";\n }\n\n function applyLang(lang) {\n currentLang = lang;\n var dict = {};\n var pageDict = window.PAGE_I18N || {};\n if (lang === \"fr\") Object.assign(dict, COMMON_I18N.fr, pageDict.fr || {});\n\n document.querySelectorAll(\"[data-i18n]\").forEach(function (el) {\n var key = el.getAttribute(\"data-i18n\");\n if (!el.hasAttribute(\"data-i18n-en\")) el.setAttribute(\"data-i18n-en\", el.innerHTML);\n el.innerHTML = lang === \"fr\" && dict[key] ? dict[key] : el.getAttribute(\"data-i18n-en\");\n });\n document.querySelectorAll(\"[data-i18n-ph]\").forEach(function (el) {\n var key = el.getAttribute(\"data-i18n-ph\");\n if (!el.hasAttribute(\"data-i18n-ph-en\")) el.setAttribute(\"data-i18n-ph-en\", el.getAttribute(\"placeholder\") || \"\");\n el.setAttribute(\"placeholder\", lang === \"fr\" && dict[key] ? dict[key] : el.getAttribute(\"data-i18n-ph-en\"));\n });\n document.documentElement.lang = lang === \"fr\" ? \"fr\" : \"en\";\n document.querySelectorAll(\".lang-switch button\").forEach(function (b) {\n b.classList.toggle(\"is-on\", b.getAttribute(\"data-lang\") === lang);\n });\n try { localStorage.setItem(\"agkyra-lang\", lang); } catch (e) {}\n requestAnimationFrame(function () { splitLines(); splitWords(); initFooterRolls(); });\n }\n\n document.querySelectorAll(\".lang-switch button\").forEach(function (b) {\n b.addEventListener(\"click\", function () { applyLang(b.getAttribute(\"data-lang\")); });\n });\n\n /* ---------- Text splitting (keeps and
intact) ---------- */\n function walkText(node, makeUnit) {\n Array.prototype.slice.call(node.childNodes).forEach(function (child) {\n if (child.nodeType === 3) {\n var frag = document.createDocumentFragment();\n child.textContent.split(/(\\s+)/).forEach(function (part) {\n if (!part) return;\n if (/^\\s+$/.test(part)) { frag.appendChild(document.createTextNode(part)); return; }\n frag.appendChild(makeUnit(part));\n });\n if (child.parentNode) child.parentNode.replaceChild(frag, child);\n } else if (child.nodeType === 1) {\n walkText(child, makeUnit);\n }\n });\n }\n\n function charUnit(word) {\n var w = document.createElement(\"span\");\n w.className = \"w\";\n word.split(\"\").forEach(function (c) {\n var s = document.createElement(\"span\");\n s.className = \"ch\";\n s.textContent = c;\n w.appendChild(s);\n });\n return w;\n }\n\n function wordUnit(word) {\n var w = document.createElement(\"span\");\n w.className = \"mw\";\n w.textContent = word;\n return w;\n }\n\n function splitLines() {\n document.querySelectorAll(\"[data-split]\").forEach(function (el) {\n if (el.getAttribute(\"data-split-done\") === el.innerHTML) return;\n var lines = el.innerHTML.split(\"
\");\n el.innerHTML = lines.map(function (l) {\n return '' + l.trim() + \"\";\n }).join(\"\");\n el.querySelectorAll(\".line-inner\").forEach(function (li) { walkText(li, charUnit); });\n el.setAttribute(\"data-split-done\", el.innerHTML);\n if (booted) gsap.set(el.querySelectorAll(\".ch\"), { y: 0 });\n });\n }\n\n function splitWords() {\n document.querySelectorAll(\"[data-words]\").forEach(function (el) {\n if (el.getAttribute(\"data-words-done\") === el.innerHTML) return;\n walkText(el, wordUnit);\n el.setAttribute(\"data-words-done\", el.innerHTML);\n if (booted) gsap.set(el.querySelectorAll(\".mw\"), { opacity: 1 });\n });\n }\n\n /* ---------- Header, scroll progress, velocity reactions ---------- */\n var header = document.querySelector(\".site-header\");\n var lastY = 0;\n\n // Depth gauge: a sounding line that tracks how deep into the page you are\n var gauge = document.querySelector(\".gauge\");\n var gaugeFill = gauge && gauge.querySelector(\".gauge-fill\");\n var gaugeNum = gauge && gauge.querySelector(\".gauge-num\");\n var chapters = Array.prototype.slice.call(document.querySelectorAll(\"main > section\"));\n\n function pad2(n) { return (n < 10 ? \"0\" : \"\") + n; }\n\n function updateGauge(y) {\n if (!gauge) return;\n var max = document.documentElement.scrollHeight - window.innerHeight;\n var p = max > 0 ? Math.min(1, Math.max(0, y / max)) : 0;\n if (gaugeFill) gsap.set(gaugeFill, { scaleY: p });\n if (!gaugeNum || !chapters.length) return;\n var mid = window.innerHeight * 0.45, idx = 0;\n for (var i = 0; i < chapters.length; i++) {\n if (chapters[i].getBoundingClientRect().top <= mid) idx = i;\n }\n var label = pad2(idx + 1);\n if (gaugeNum.textContent !== label) {\n gaugeNum.textContent = label;\n gsap.fromTo(gaugeNum, { y: 9, opacity: 0 }, { y: 0, opacity: 1, duration: 0.45 });\n }\n }\n\n var skewTargets = document.querySelectorAll(\".room-card .img-reveal, .fr-media .img-reveal, .exp-media .img-reveal\");\n var skewTo = skewTargets.length && !reduced\n ? gsap.quickTo(skewTargets, \"skewY\", { duration: 0.55, ease: \"power3\" })\n : null;\n\n var mqSpeed = { v: 1 };\n function pushMarqueeSpeed(vel) {\n if (!marqueeTweens.length) return;\n var dir = vel < -0.05 ? -1 : 1;\n var target = dir * gsap.utils.clamp(1, 6, 1 + Math.abs(vel) * 0.05);\n gsap.to(mqSpeed, {\n v: target, duration: 0.45, overwrite: true,\n onUpdate: function () {\n marqueeTweens.forEach(function (t) { t.timeScale(mqSpeed.v); });\n }\n });\n }\n\n function onScroll(y, velocity) {\n if (header) {\n header.classList.toggle(\"is-solid\", y > 60);\n if (y > lastY && y > 400 && !document.body.classList.contains(\"nav-open\")) header.classList.add(\"is-hidden\");\n else header.classList.remove(\"is-hidden\");\n }\n updateGauge(y);\n if (typeof velocity === \"number\") {\n if (skewTo) skewTo(gsap.utils.clamp(-2.6, 2.6, velocity * 0.05));\n pushMarqueeSpeed(velocity);\n }\n lastY = y;\n }\n\n if (lenis) lenis.on(\"scroll\", function (e) { onScroll(e.scroll, e.velocity); });\n else window.addEventListener(\"scroll\", function () { onScroll(window.scrollY); }, { passive: true });\n\n var toggle = document.querySelector(\".nav-toggle\");\n if (toggle) toggle.addEventListener(\"click\", function () { document.body.classList.toggle(\"nav-open\"); });\n\n /* ---------- Cursor ---------- */\n var dot = document.querySelector(\".cursor-dot\");\n var dotLabel = dot && dot.querySelector(\".cursor-label\");\n if (dot && canHover) {\n var qx = gsap.quickTo(dot, \"x\", { duration: 0.32, ease: \"power3\" });\n var qy = gsap.quickTo(dot, \"y\", { duration: 0.32, ease: \"power3\" });\n window.addEventListener(\"pointermove\", function (e) {\n dot.classList.add(\"is-active\");\n qx(e.clientX); qy(e.clientY);\n });\n document.querySelectorAll(\"a, button\").forEach(function (el) {\n el.addEventListener(\"pointerenter\", function () { dot.classList.add(\"is-hover\"); });\n el.addEventListener(\"pointerleave\", function () { dot.classList.remove(\"is-hover\"); });\n });\n document.querySelectorAll(\".room-card\").forEach(function (el) {\n el.addEventListener(\"pointerenter\", function () {\n if (dotLabel) dotLabel.textContent = CURSOR_LABELS[currentLang] || CURSOR_LABELS.en;\n dot.classList.remove(\"is-hover\");\n dot.classList.add(\"is-label\");\n });\n el.addEventListener(\"pointerleave\", function () { dot.classList.remove(\"is-label\"); });\n });\n }\n\n /* ---------- Magnetic buttons ---------- */\n if (!reduced && canHover) {\n document.querySelectorAll(\".btn\").forEach(function (btn) {\n var xTo = gsap.quickTo(btn, \"x\", { duration: 0.5, ease: \"power3\" });\n var yTo = gsap.quickTo(btn, \"y\", { duration: 0.5, ease: \"power3\" });\n btn.addEventListener(\"pointermove\", function (e) {\n var r = btn.getBoundingClientRect();\n xTo((e.clientX - r.left - r.width / 2) * 0.25);\n yTo((e.clientY - r.top - r.height / 2) * 0.35);\n });\n btn.addEventListener(\"pointerleave\", function () { xTo(0); yTo(0); });\n });\n }\n\n /* ---------- Reveal system ---------- */\n function initReveals() {\n document.querySelectorAll(\"[data-split]\").forEach(function (el) {\n var chars = el.querySelectorAll(\".ch\");\n if (!chars.length) return;\n gsap.to(chars, {\n y: 0, duration: 1.15, ease: \"power4.out\",\n stagger: { each: Math.min(0.02, 0.75 / chars.length) },\n scrollTrigger: { trigger: el, start: \"top 88%\" }\n });\n });\n\n ScrollTrigger.batch(\"[data-reveal]\", {\n start: \"top 90%\",\n onEnter: function (els) {\n gsap.to(els, { opacity: 1, y: 0, duration: 1.1, stagger: 0.1, overwrite: true });\n }\n });\n\n // every section label draws its own rule\n ScrollTrigger.batch(\".kicker\", {\n start: \"top 95%\",\n onEnter: function (els) {\n els.forEach(function (el, i) {\n setTimeout(function () { el.classList.add(\"is-in\"); }, i * 90);\n });\n }\n });\n\n document.querySelectorAll(\".img-reveal\").forEach(function (wrap) {\n var veil = wrap.querySelector(\".veil\");\n var img = wrap.querySelector(\"img\");\n var tl = gsap.timeline({ scrollTrigger: { trigger: wrap, start: \"top 85%\" } });\n if (veil) tl.to(veil, { scaleY: 0, duration: 1.2, ease: \"power4.inOut\" });\n if (img) tl.to(img, { scale: 1, duration: 1.6, ease: \"power3.out\" }, \"-=0.9\");\n });\n\n document.querySelectorAll(\".banner img\").forEach(function (img) {\n gsap.to(img, {\n yPercent: 14, ease: \"none\",\n scrollTrigger: { trigger: img.parentElement, start: \"top bottom\", end: \"bottom top\", scrub: true }\n });\n });\n\n // Pinned manifesto — words light up as you scroll through\n document.querySelectorAll(\".manifesto [data-words]\").forEach(function (el) {\n var words = el.querySelectorAll(\".mw\");\n if (!words.length) return;\n if (reduced) { gsap.set(words, { opacity: 1 }); return; }\n gsap.set(words, { opacity: 0.22 });\n gsap.to(words, {\n opacity: 1, ease: \"none\", stagger: 1,\n scrollTrigger: {\n trigger: el.closest(\".manifesto\"),\n start: \"top top\",\n end: function () { return \"+=\" + Math.round(window.innerHeight * 0.9); },\n pin: true, scrub: 0.5, invalidateOnRefresh: true\n }\n });\n });\n }\n\n /* ---------- Hero ---------- */\n function heroIntro(delay) {\n var hero = document.querySelector(\".hero\");\n if (!hero) return;\n var img = hero.querySelector(\".hero-media img\");\n var tl = gsap.timeline({ delay: delay || 0 });\n\n if (img) tl.fromTo(img, { scale: 1.25 }, { scale: 1.12, duration: 2.4, ease: \"power2.out\" }, 0);\n var kicker = hero.querySelector(\".kicker\");\n if (kicker) tl.fromTo(kicker, { opacity: 0, y: 20 }, { opacity: 1, y: 0, duration: 1 }, 0.25);\n\n var chars = hero.querySelectorAll(\"[data-split] .ch\");\n if (chars.length) {\n tl.to(chars, {\n y: 0, duration: 1.3, ease: \"power4.out\",\n stagger: { each: Math.min(0.026, 0.9 / chars.length) }\n }, 0.4);\n }\n var rest = hero.querySelectorAll(\".hero-row > *\");\n if (rest.length) tl.fromTo(rest, { opacity: 0, y: 26 }, { opacity: 1, y: 0, duration: 1.1, stagger: 0.12 }, 1);\n var scroll = hero.querySelector(\".hero-scroll\");\n if (scroll) tl.fromTo(scroll, { opacity: 0 }, { opacity: 1, duration: 1 }, 1.5);\n\n gsap.to(hero.querySelector(\".hero-media\"), {\n yPercent: 18, ease: \"none\",\n scrollTrigger: { trigger: hero, start: \"top top\", end: \"bottom top\", scrub: true }\n });\n var content = hero.querySelector(\".hero-content\");\n if (content) gsap.to(content, {\n opacity: 0.15, yPercent: -6, ease: \"none\",\n scrollTrigger: { trigger: hero, start: \"60% top\", end: \"bottom top\", scrub: true }\n });\n\n // Mouse parallax — the image breathes with the pointer\n if (!reduced && canHover && img) {\n var inner = hero.querySelector(\".hero-inner\");\n var ix = gsap.quickTo(img, \"xPercent\", { duration: 1.4, ease: \"power3\" });\n var iy = gsap.quickTo(img, \"yPercent\", { duration: 1.4, ease: \"power3\" });\n var tx = inner ? gsap.quickTo(inner, \"x\", { duration: 1.6, ease: \"power3\" }) : null;\n var ty = inner ? gsap.quickTo(inner, \"y\", { duration: 1.6, ease: \"power3\" }) : null;\n hero.addEventListener(\"pointermove\", function (e) {\n var nx = (e.clientX / window.innerWidth - 0.5) * 2;\n var ny = (e.clientY / window.innerHeight - 0.5) * 2;\n ix(-nx * 1.8); iy(-ny * 1.8);\n if (tx) { tx(nx * 9); ty(ny * 6); }\n });\n hero.addEventListener(\"pointerleave\", function () {\n ix(0); iy(0); if (tx) { tx(0); ty(0); }\n });\n }\n }\n\n /* ---------- Preloader ---------- */\n function boot() {\n splitLines();\n splitWords();\n var pre = document.getElementById(\"preloader\");\n if (pre && !reduced) {\n document.body.style.overflow = \"hidden\";\n var count = { v: 0 };\n var num = pre.querySelector(\".preloader-count\");\n var paths = pre.querySelectorAll(\"path, circle\");\n paths.forEach(function (p) {\n var len = p.getTotalLength ? p.getTotalLength() : 300;\n p.style.strokeDasharray = len;\n p.style.strokeDashoffset = len;\n });\n var tl = gsap.timeline({\n onComplete: function () {\n document.body.style.overflow = \"\";\n heroIntro(0);\n initReveals();\n booted = true;\n ScrollTrigger.refresh();\n }\n });\n tl.to(paths, { strokeDashoffset: 0, duration: 1.6, ease: \"power2.inOut\", stagger: 0.15 }, 0)\n .to(count, {\n v: 100, duration: 1.7, ease: \"power2.inOut\",\n onUpdate: function () { if (num) num.textContent = Math.round(count.v); }\n }, 0)\n .to(pre, { yPercent: -100, duration: 1, ease: \"power4.inOut\" }, 1.9)\n .set(pre, { display: \"none\" });\n } else {\n if (pre) pre.style.display = \"none\";\n heroIntro(0.2);\n initReveals();\n booted = true;\n }\n }\n\n /* ---------- Page transitions ---------- */\n var curtain = document.querySelector(\".curtain\");\n function leaveTo(url) {\n if (!curtain || reduced) { window.location.href = url; return; }\n gsap.to(curtain.querySelectorAll(\"span\"), {\n scaleY: 1, transformOrigin: \"bottom\", duration: 0.6, ease: \"power4.inOut\", stagger: 0.08,\n onComplete: function () { window.location.href = url; }\n });\n }\n document.querySelectorAll('a[href$=\".html\"], a[href=\"index.html\"]').forEach(function (a) {\n var href = a.getAttribute(\"href\");\n if (!href || href.indexOf(\"http\") === 0 || href.indexOf(\"#\") === 0) return;\n a.addEventListener(\"click\", function (e) {\n e.preventDefault();\n document.body.classList.remove(\"nav-open\");\n leaveTo(href);\n });\n });\n if (curtain && !document.getElementById(\"preloader\") && !reduced) {\n gsap.set(curtain.querySelectorAll(\"span\"), { scaleY: 1, transformOrigin: \"top\" });\n gsap.to(curtain.querySelectorAll(\"span\"), { scaleY: 0, duration: 0.9, ease: \"power4.inOut\", stagger: 0.08, delay: 0.15 });\n }\n\n /* ---------- Marquee (speed and direction follow the scroll) ---------- */\n document.querySelectorAll(\".marquee\").forEach(function (m) {\n var track = m.querySelector(\".marquee-track\");\n if (!track) return;\n var clone = track.cloneNode(true);\n m.appendChild(clone);\n m.style.display = \"flex\";\n if (!reduced) {\n [track, clone].forEach(function (t) {\n marqueeTweens.push(gsap.to(t, { xPercent: -100, ease: \"none\", duration: 28, repeat: -1 }));\n });\n }\n });\n\n /* ---------- Stat count-up ---------- */\n document.querySelectorAll(\"[data-count]\").forEach(function (el) {\n var target = parseFloat(el.getAttribute(\"data-count\"));\n var decimals = (el.getAttribute(\"data-count\").split(\".\")[1] || \"\").length;\n var obj = { v: 0 };\n ScrollTrigger.create({\n trigger: el, start: \"top 90%\", once: true,\n onEnter: function () {\n gsap.to(obj, {\n v: target, duration: 1.8, ease: \"power3.out\",\n onUpdate: function () { el.childNodes[0].nodeValue = obj.v.toFixed(decimals); }\n });\n }\n });\n });\n\n /* ---------- Booking form ---------- */\n var form = document.getElementById(\"booking-form\");\n if (form) {\n var today = new Date().toISOString().split(\"T\")[0];\n form.querySelectorAll('input[type=\"date\"]').forEach(function (i) { i.min = today; });\n form.addEventListener(\"submit\", function (e) {\n e.preventDefault();\n var wrap = form.parentElement;\n gsap.to(form, {\n opacity: 0, y: -20, duration: 0.5, ease: \"power3.in\",\n onComplete: function () {\n form.style.display = \"none\";\n var success = wrap.querySelector(\".form-success\");\n success.classList.add(\"is-visible\");\n gsap.fromTo(success, { opacity: 0, y: 24 }, { opacity: 1, y: 0, duration: 0.9 });\n }\n });\n });\n }\n\n /* ---------- Footer: rolling links, live clock, drawn anchor, wordmark ---------- */\n function initFooterRolls() {\n document.querySelectorAll(\".footer-col a, .footer-col-wide a\").forEach(function (a) {\n if (a.children.length) return;\n var t = a.textContent.trim();\n if (!t) return;\n a.innerHTML = '' + t +\n '' + t + \"\";\n });\n }\n\n function initFooterExtras() {\n // the hotel's own clock, ticking in Rhodes\n var clock = document.querySelector(\".fs-clock\");\n if (clock) {\n var fmt;\n try {\n fmt = new Intl.DateTimeFormat(\"en-GB\", {\n timeZone: \"Europe/Athens\", hour: \"2-digit\", minute: \"2-digit\", hour12: false\n });\n } catch (e) { fmt = null; }\n var tick = function () { if (fmt) clock.textContent = fmt.format(new Date()); };\n tick();\n setInterval(tick, 15000);\n }\n\n // the anchor draws itself when the footer arrives\n var anchor = document.querySelector(\".fs-anchor\");\n if (anchor && !reduced) {\n var strokes = anchor.querySelectorAll(\"path, circle\");\n strokes.forEach(function (el) {\n var len = el.getTotalLength ? el.getTotalLength() : 200;\n el.style.strokeDasharray = len;\n el.style.strokeDashoffset = len;\n });\n gsap.to(strokes, {\n strokeDashoffset: 0, duration: 1.5, ease: \"power2.inOut\", stagger: 0.13,\n scrollTrigger: { trigger: anchor, start: \"top 95%\" }\n });\n }\n\n // AGKYRA rises letter by letter, and fills on hover\n var wm = document.querySelector(\".footer-wordmark\");\n if (wm && !wm.querySelector(\".wm-ch\")) {\n var letters = wm.textContent.trim().split(\"\");\n wm.innerHTML = letters.map(function (c, i) {\n return '' + c + \"\";\n }).join(\"\");\n if (!reduced) {\n gsap.from(wm.querySelectorAll(\".wm-ch\"), {\n yPercent: 70, opacity: 0, duration: 1.2, ease: \"power4.out\", stagger: 0.07,\n scrollTrigger: { trigger: wm, start: \"top 96%\" }\n });\n }\n }\n }\n\n /* ---------- Rooms deck — drag it, throw it, step it ---------- */\n function initRoomsDeck() {\n var track = document.querySelector(\".hscroll-track\");\n var meta = document.querySelector(\".hs-meta\");\n if (!track) return;\n\n var cards = track.querySelectorAll(\".room-card\");\n var total = Math.max(1, cards.length - 1); // the last card is the \"all rooms\" link\n var bar = meta && meta.querySelector(\".hs-bar i\");\n var cur = meta && meta.querySelector(\".hs-cur\");\n var tot = meta && meta.querySelector(\".hs-total\");\n var prev = meta && meta.querySelector(\".hs-prev\");\n var next = meta && meta.querySelector(\".hs-next\");\n if (tot) tot.textContent = pad2(total);\n\n function span() { return track.scrollWidth - track.clientWidth; }\n\n function sync() {\n var max = span();\n var p = max > 0 ? Math.min(1, Math.max(0, track.scrollLeft / max)) : 0;\n if (bar) bar.style.transform = \"scaleX(\" + Math.max(1 / total, p) + \")\";\n if (cur) cur.textContent = pad2(Math.min(total, Math.round(p * (total - 1)) + 1));\n if (prev) prev.classList.toggle(\"is-off\", track.scrollLeft <= 2);\n if (next) next.classList.toggle(\"is-off\", track.scrollLeft >= max - 2);\n }\n track.addEventListener(\"scroll\", sync, { passive: true });\n window.addEventListener(\"resize\", sync);\n sync();\n\n /* --- step by one card --- */\n function cardStep() {\n var card = track.querySelector(\".room-card\");\n var gap = parseFloat(getComputedStyle(track).columnGap || getComputedStyle(track).gap || \"24\") || 24;\n return card ? card.getBoundingClientRect().width + gap : 360;\n }\n function step(dir) {\n track.scrollBy({ left: dir * cardStep(), behavior: reduced ? \"auto\" : \"smooth\" });\n }\n if (prev) prev.addEventListener(\"click\", function () { step(-1); });\n if (next) next.addEventListener(\"click\", function () { step(1); });\n\n /* --- keyboard --- */\n track.addEventListener(\"keydown\", function (e) {\n if (e.key === \"ArrowRight\") { e.preventDefault(); step(1); }\n if (e.key === \"ArrowLeft\") { e.preventDefault(); step(-1); }\n });\n\n /* --- pointer drag with a throw on release --- */\n var down = false, captured = false, startX = 0, startLeft = 0, moved = 0;\n var lastX = 0, lastT = 0, vel = 0;\n\n track.addEventListener(\"pointerdown\", function (e) {\n if (e.pointerType === \"touch\") return; // native touch scrolling is already good\n if (e.button !== 0) return;\n down = true; moved = 0; vel = 0;\n startX = e.clientX; startLeft = track.scrollLeft;\n lastX = e.clientX; lastT = e.timeStamp;\n gsap.killTweensOf(track);\n // capture is claimed only once a real drag starts, so plain clicks\n // still reach the card link underneath\n captured = false;\n });\n\n track.addEventListener(\"pointermove\", function (e) {\n if (!down) return;\n var dx = e.clientX - startX;\n if (Math.abs(dx) > moved) moved = Math.abs(dx);\n if (!captured && moved > 4) {\n captured = true;\n track.classList.add(\"is-dragging\", \"no-snap\");\n try { track.setPointerCapture(e.pointerId); } catch (err) {}\n }\n if (!captured) return;\n track.scrollLeft = startLeft - dx;\n var dt = e.timeStamp - lastT;\n if (dt > 0) vel = (e.clientX - lastX) / dt; // px per ms\n lastX = e.clientX; lastT = e.timeStamp;\n });\n\n function release(e) {\n if (!down) return;\n down = false;\n track.classList.remove(\"is-dragging\");\n if (!captured) return;\n captured = false;\n try { track.releasePointerCapture(e.pointerId); } catch (err) {}\n\n var settle = function () { track.classList.remove(\"no-snap\"); };\n var throwBy = gsap.utils.clamp(-1100, 1100, -vel * 260);\n if (!reduced && Math.abs(throwBy) > 10) {\n gsap.to(track, {\n scrollLeft: gsap.utils.clamp(0, span(), track.scrollLeft + throwBy),\n duration: 0.85, ease: \"power3.out\", onComplete: settle\n });\n } else {\n settle();\n }\n }\n track.addEventListener(\"pointerup\", release);\n track.addEventListener(\"pointercancel\", release);\n\n // a drag must never fire the link underneath it\n track.addEventListener(\"click\", function (e) {\n if (moved > 6) { e.preventDefault(); e.stopPropagation(); }\n }, true);\n }\n\n /* ---------- Init ---------- */\n applyLang(getLang());\n initFooterExtras();\n initRoomsDeck();\n boot();\n window.addEventListener(\"load\", function () { ScrollTrigger.refresh(); });\n})();\n",[],[237,238,319,310],"js","07cd4bee-2de7-41c4-95aa-c0a9ccec753a",["D",1787082014836],[260],[237,238,319],["D",1787140641455],[],[237,238,156,76],["D",1787081959638],[258],[237,238,156],"9c5d42ed-30f6-48bf-9df7-4b4354d6df57",["D",1787081959638],[257,259],[237,238],"7c52abc2-10e1-4618-a236-7e940885f3c0",["D",1787081959638],[256,261,262,263,264],[237],["D",1787081853893],{"_11":12,"_207":81},{"_11":12,"_203":81,"_80":81,"_31":79,"_204":205,"_206":30},{"_49":194,"_13":16,"_43":46,"_195":159,"_196":-5,"_197":-5,"_198":-5,"_199":-5,"_200":-5,"_201":14,"_202":12},"ctx",{"_64":-5,"_226":375,"_376":377,"_378":379,"_380":30,"_381":30,"_382":30,"_383":24,"_384":-5,"_385":-7,"_386":-7,"_387":26,"_388":30,"_389":30,"_390":-5,"_391":30,"_392":30,"_393":30,"_394":-5},"ENV",{"_346":347,"_348":349,"_350":16,"_351":352,"_353":354,"_355":356,"_357":358,"_359":360,"_361":362,"_363":364,"_365":366,"_367":368,"_369":370,"_371":372,"_373":374},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Rooms thathold the light.

The Loft Suite

Sea-Glimpse Deluxe

Pool-View Superior

The quiet essentials.

Rain shower

Climate control

Screen & sound

Lounge corner

Begin and end the daybeautifully.

Pick your view.We'll keep it ready.

Anchored inthe Aegean

Designed for slow mornings and sea-salt evenings.

Every room faces the water.

The Loft Suite

Sea-Glimpse Deluxe

Pool-View Superior

Two worlds,one address.

Stratigou Zisi 76,Rhodes 851 00, Greece

Elli Beach

Medieval Old Town

Zephyros Beach

Rhodes Airport

Your table by the poolis waiting.

Days that asknothing of you.

Breakfast in the courtyard

The medieval Old Town

Beaches, near and nearer

Pool, bar, repeat

The island does the rest.We just hold your place.

Tell us the day you want.We'll arrange it.

Boat days

Tables worth walking to

Transfers

Beach kit

Start with the dates.We'll do the rest.

Drop anchor.

Request received.

Address

Email

Phone

Getting here

Check-in / out

Breakfast

Transfers

Season

Rooms that
hold the light.

Begin and end the day
beautifully.

Pick your view.
We'll keep it ready.

Anchored in
the Aegean

Two worlds,
one address.

Stratigou Zisi 76,
Rhodes 851 00, Greece

Your table by the pool
is waiting.

Days that ask
nothing of you.

The island does the rest.
We just hold your place.

Tell us the day you want.
We'll arrange it.

Start with the dates.
We'll do the rest.

History · css