<!doctype html>

<head>

<title>Indrė Vaičiulytė — Fizinė Terapija</title>

tailwind.config = {

theme: {

extend: {

colors: {

sand: { 50: '#faf8f5', 100: '#f5f0e8', 200: '#ebe3d5', 300: '#ddd2bc', 400: '#c9b899' },

sage: { 50: '#f4f6f4', 100: '#e5eae4', 200: '#cdd8cb', 300: '#a8bda5', 400: '#7d9e78', 500: '#5c8356', 600: '#4a6b45' },

warm: { 50: '#fdfcfb', 100: '#f9f6f2', 200: '#f2ede5', 300: '#e8dfd3' }

}

</script>

<style>

.font-serif-display { font-family: 'DM Serif Display', Georgia, serif; }

.font-body { font-family: 'Source Sans 3', system-ui, sans-serif; }

html { scroll-behavior: smooth; }

body { -webkit-font-smoothing: antialiased; }

@keyframes fadeUp {

from { opacity: 0; transform: translateY(24px); }

to { opacity: 1; transform: translateY(0); }

}

.animate-fade-up { animation: fadeUp 0.7s ease-out forwards; }

.animate-delay-1 { animation-delay: 0.1s; opacity: 0; }

.animate-delay-2 { animation-delay: 0.25s; opacity: 0; }

.animate-delay-3 { animation-delay: 0.4s; opacity: 0; }

.animate-delay-4 { animation-delay: 0.55s; opacity: 0; }

.section-reveal { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; }

.section-reveal.visible { opacity: 1; transform: translateY(0); }

.toast-enter { animation: toastIn 0.35s ease-out forwards; }

.toast-exit { animation: toastOut 0.3s ease-in forwards; }

@keyframes toastIn { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }

@keyframes toastOut { from { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateY(16px); } }

</style>

</head>

<a href="#hero" class="font-serif-display text-xl text-stone-800 tracking-tight">Indrė Vaičiulytė</a>

<a href="#about" class="hover:text-sage-600 transition-colors">Apie</a> <a href="#services" class="hover:text-sage-600 transition-colors">Paslaugos</a> <a href="#how-it-works" class="hover:text-sage-600 transition-colors">Kaip Tai Veikia</a> <a href="#booking" class="hover:text-sage-600 transition-colors">Užsiregistravimas</a> <a href="#contact" class="hover:text-sage-600 transition-colors">Kontaktai</a>

</div><button id="mobile-menu-btn" class="md:hidden p-2 text-stone-600" aria-label="Open menu"> <i data-lucide="menu" style="width:24px;height:24px;"></i> </button>

</div>

<a href="#about" class="mobile-link hover:text-sage-600">Apie</a> <a href="#services" class="mobile-link hover:text-sage-600">Paslaugos</a> <a href="#how-it-works" class="mobile-link hover:text-sage-600">Kaip Tai Veikia</a> <a href="#booking" class="mobile-link hover:text-sage-600">Užsiregistravimas</a> <a href="#contact" class="mobile-link hover:text-sage-600">Kontaktai</a>

</div>

</nav>

<p class="animate-fade-up animate-delay-1 inline-block text-sage-600 text-xs font-semibold uppercase tracking-[0.2em] mb-5 px-3 py-1 rounded-full bg-sage-50 border border-sage-200">Licencijuota Fizikinės Terapijos Specialistė</p>

<h1 id="hero-headline" class="animate-fade-up animate-delay-2 font-serif-display text-4xl md:text-5xl lg:text-6xl text-stone-800 leading-[1.15] mb-6">Judėk geriau. Jausk save geriau.<br class="hidden sm:block">

Gydykis su ekspertu.</h1>

<p id="hero-subheadline" class="animate-fade-up animate-delay-3 text-lg md:text-xl text-stone-500 leading-relaxed max-w-xl mx-auto mb-9 font-light">Profesionali, individualizuota fizikinė terapija, pritaikyta jūsų kūnui, tikslams ir atsigavimo tempui.</p>

<a href="#booking" class="inline-flex items-center gap-2 px-7 py-3.5 rounded-lg bg-sage-600 text-white font-semibold text-sm hover:bg-sage-500 transition-colors shadow-md shadow-sage-600/20"> <i data-lucide="calendar" style="width:17px;height:17px;"></i> Užsiregistruoti </a> <a href="#contact" class="inline-flex items-center gap-2 px-7 py-3.5 rounded-lg bg-white text-stone-700 font-semibold text-sm border border-sand-300 hover:border-sage-300 hover:text-sage-600 transition-colors"> <i data-lucide="message-circle" style="width:17px;height:17px;"></i> Užduoti Klausimą </a>

</div>

<span class="flex items-center gap-1.5"><i data-lucide="shield-check" style="width:14px;height:14px;" class="text-sage-400"></i> Licencijuota ir Registruota</span> <span class="flex items-center gap-1.5"><i data-lucide="user-check" style="width:14px;height:14px;" class="text-sage-400"></i> Pacientų Orientuota Priežiūra</span> <span class="flex items-center gap-1.5"><i data-lucide="clock" style="width:14px;height:14px;" class="text-sage-400"></i> Patogus Užsiregistravimas</span>

</div>

</section>

</div>

<p class="text-xs text-stone-400 font-medium">Professional Portrait</p>

</div>

<p class="text-sage-600 text-xs font-semibold uppercase tracking-[0.18em] mb-3">Apie Specialistę</p>

<h2 id="about-title" class="font-serif-display text-3xl md:text-4xl text-stone-800 mb-5">Susipažinkite su Indrė Vaičiulyte</h2>

<p id="about-description" class="text-stone-500 leading-relaxed mb-5 font-light text-base">Indrė yra licencijuota fizikinės terapijos specialistė, pasišventusi padėti žmonėms sveikti nuo traumų, valdyti skausmą ir pagerinti jų judėjimo kokybę. Ji dirba savarankiškai, siūlydama sutelktus vienas su vienu seansu, kur kiekvienas gydymo planas yra sudaromas atsižvelgiant į individualias poreikius, o ne šablonus.</p>

<p class="text-stone-500 leading-relaxed mb-7 font-light text-base">Taikydama gailestingą ir mokslu pagrįstą metodą, Indrė skiria laiką klausyti, atidžiai įvertinti ir vadovauti kiekvienam klientui per aiškų kelią į geresnę fizinę sveikatą.</p>

<i data-lucide="badge-check" style="width:15px;height:15px;" class="text-sage-500"></i> <span>Sveikatos Priežiūros Specialisto Registro Nr. <strong class="text-stone-600">LT-XXXX-XXXX</strong></span>

</div>

</div>

<div>

<p class="text-sm font-semibold text-stone-700">Pagrįsta Mokslu</p>

<p class="text-xs text-stone-400 mt-0.5">Patikrinti metodai, šiuolaikinius tyrimai</p>

</div>

</div>

<div>

<p class="text-sm font-semibold text-stone-700">Individualus Dėmesys</p>

<p class="text-xs text-stone-400 mt-0.5">Pritaikyti planai, asmeninė priežiūra</p>

</div>

</div>

<div>

<p class="text-sm font-semibold text-stone-700">Gailestinga Priežiūra</p>

<p class="text-xs text-stone-400 mt-0.5">Empatinga, daug dėmesio skirčianti prieiga</p>

</div>

</div>

<div>

<p class="text-sm font-semibold text-stone-700">Holistinis Požiūris</p>

<p class="text-xs text-stone-400 mt-0.5">Visos kūno savastis, ilgalaikiai rezultatai</p>

</div>

</section>

<p class="text-sage-600 text-xs font-semibold uppercase tracking-[0.18em] mb-3">Paslaugos</p>

<h2 id="services-title" class="font-serif-display text-3xl md:text-4xl text-stone-800 mb-4">Kaip Indrė Gali Jums Padėti</h2>

<p class="text-stone-400 max-w-lg mx-auto font-light">Nesvarbu, ar atsistatote po traumos, ar stengiateš ją prevencinei saugotis, profesionali pagalba suteikia didelę skirtumą.</p>

</div>

</div>

<h3 class="font-semibold text-stone-800 mb-2">Traumų Atsigavimas</h3>

<p class="text-sm text-stone-400 leading-relaxed font-light">Vadovaujama reabilitacija po išnarinimu, iš nuima, lūžiu arba chirurginių procedūru siekiant atkurti jėgą ir funkciją.</p>

</div>

</div>

<h3 class="font-semibold text-stone-800 mb-2">Skausmo Valdymas</h3>

<p class="text-sm text-stone-400 leading-relaxed font-light">Tikslinė terapija chroniškim arba ūmiam skausmui nugaroje, kakle, petyse, sąnariuose ir kitose kūno vietose.</p>

</div>

</div>

<h3 class="font-semibold text-stone-800 mb-2">Mobilumo Pagerinimas</h3>

<p class="text-sm text-stone-400 leading-relaxed font-light">Pratimai ir rankinė terapija, skirta pagerinti judėjimo amplitudę, lankstumą ir kasdienio judėjimo lengvumą.</p>

</div>

</div>

<h3 class="font-semibold text-stone-800 mb-2">Juosmens Korekcija</h3>

<p class="text-sm text-stone-400 leading-relaxed font-light">Juosmens vertinimas ir terapija, ypatingai skirtą biuro darbuotojams ir asmenims, turintiems nuolatinį darbą.</p>

</div>

</div>

<h3 class="font-semibold text-stone-800 mb-2">Sportinės Traumos</h3>

<p class="text-sm text-stone-400 leading-relaxed font-light">Specializuota priežiūra sportininkams ir aktyviems žmonėms, susiduriantiems su sportu susijusiomis traumomis.</p>

</div>

</div>

<h3 class="font-semibold text-stone-800 mb-2">Prevencinė Priežiūra</h3>

<p class="text-sm text-stone-400 leading-relaxed font-light">Proaktyvūs fizikiniai įvertinimai ir pratimų vadovavimas, skirtas prevencinei saugoti traumų prieš jos atsiradimą.</p>

</div>

</section>

<p class="text-sage-600 text-xs font-semibold uppercase tracking-[0.18em] mb-3">Procesas</p>

<h2 class="font-serif-display text-3xl md:text-4xl text-stone-800 mb-4">Kaip Tai Veikia</h2>

<p class="text-stone-400 max-w-md mx-auto font-light">Pradėti yra paprasta. Trys nesudėtingi žingsniai, siekiant jausti save geriau.</p>

</div>

</div>

<h3 class="font-semibold text-stone-800 mb-2">Pasirinkite Laiką</h3>

<p class="text-sm text-stone-400 font-light leading-relaxed">Apžvelgite galimus susitikimo laikus ir pasirinkite laiką, kuris jums tinka.</p>

</div>

</div>

<h3 class="font-semibold text-stone-800 mb-2">Dalyvaukite Sesijoje</h3>

<p class="text-sm text-stone-400 font-light leading-relaxed">Susitikite su Indrė dėl išsamios konsultacijos ar rankinės terapijos sesijos, pritaikytos jums.</p>

</div>

</div>

<h3 class="font-semibold text-stone-800 mb-2">Gaukite Jūsų Planą</h3>

<p class="text-sm text-stone-400 font-light leading-relaxed">Gaukite individualizuotą terapijos planą su aiškia nuorada jūsų atsigavimo kelyje.</p>

</div>

</section>

</div>

<h2 id="booking-title" class="font-serif-display text-3xl md:text-4xl text-stone-800 mb-4">Paruošti Užsiregistruoti?</h2>

<p class="text-stone-400 max-w-md mx-auto font-light mb-4">Pasirinkite laiką, kuris jums tinka. Susitikimus galima lengvai užsiregistruoti, pakeisti arba atšaukti per planavimo sistemą.</p>

<span class="flex items-center gap-1.5"><i data-lucide="check-circle" style="width:13px;height:13px;" class="text-sage-400"></i> Lanksčias tvarkaraštis</span> <span class="flex items-center gap-1.5"><i data-lucide="check-circle" style="width:13px;height:13px;" class="text-sage-400"></i> Lengvas pakeitimas</span> <span class="flex items-center gap-1.5"><i data-lucide="check-circle" style="width:13px;height:13px;" class="text-sage-400"></i> Momentinis patvirtinimas</span>

</div><a href="#" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2 px-8 py-4 rounded-lg bg-sage-600 text-white font-semibold text-sm hover:bg-sage-500 transition-colors shadow-md shadow-sage-600/20"> <i data-lucide="external-link" style="width:16px;height:16px;"></i> Žiūrėti Galimus Laikus </a>

</div>

</section>

<p class="text-sage-600 text-xs font-semibold uppercase tracking-[0.18em] mb-3">Susisiekti</p>

<h2 id="contact-title" class="font-serif-display text-3xl md:text-4xl text-stone-800 mb-4">Turite Klausimą?</h2>

<p class="text-stone-400 max-w-md mx-auto font-light">Nesate tikri, ar fizinė terapija jums tinkama? Siųskite žinutę ir Indrė atsakys jums asmeniškai.</p>

</div>

<div>

<label for="contact-name" class="block text-sm font-medium text-stone-600 mb-1.5">Jūsų vardas</label> <input type="text" id="contact-name" placeholder="Pilnas vardas" required class="w-full px-4 py-3 rounded-lg bg-white border border-sand-300 text-stone-700 text-sm placeholder:text-stone-300 focus:outline-none focus:ring-2 focus:ring-sage-300 focus:border-sage-300 transition-colors">

</div>

<div>

<label for="contact-info" class="block text-sm font-medium text-stone-600 mb-1.5">El. paštas arba telefonas</label> <input type="text" id="contact-info" placeholder="Kaip Indrė gali jus pasiekti?" required class="w-full px-4 py-3 rounded-lg bg-white border border-sand-300 text-stone-700 text-sm placeholder:text-stone-300 focus:outline-none focus:ring-2 focus:ring-sage-300 focus:border-sage-300 transition-colors">

</div>

<div>

<label for="contact-message" class="block text-sm font-medium text-stone-600 mb-1.5">Jūsų klausimas <span class="text-stone-400 font-normal">(neprivaloma)</span></label> <textarea id="contact-message" rows="4" placeholder="Pasakykite Indrė, kas jums rūpi..." class="w-full px-4 py-3 rounded-lg bg-white border border-sand-300 text-stone-700 text-sm placeholder:text-stone-300 focus:outline-none focus:ring-2 focus:ring-sage-300 focus:border-sage-300 transition-colors resize-none"></textarea>

</div>

</div><button type="submit" id="contact-submit" class="w-full sm:w-auto inline-flex items-center justify-center gap-2 px-7 py-3.5 rounded-lg bg-sage-600 text-white font-semibold text-sm hover:bg-sage-500 transition-colors"> <i data-lucide="send" style="width:16px;height:16px;"></i> <span id="contact-btn-text">Siųsti Žinutę</span> </button>

</form>

</div>

</section>

</div>

<h2 id="newsletter-title" class="font-serif-display text-2xl md:text-3xl text-stone-800 mb-3">Būkite Informuoti</h2>

<p class="text-stone-400 font-light text-sm mb-6 max-w-sm mx-auto">Gaukite patarimus dėl traumų prevencijos, judėjimo ir fizinės sveikatos — tiesiai į jūsų el. paštą.</p>

<label for="newsletter-email" class="sr-only">El. pašto adresas</label> <input type="email" id="newsletter-email" placeholder="Jūsų el. pašto adresas" required class="flex-1 px-4 py-3 rounded-lg bg-white border border-sand-300 text-stone-700 text-sm placeholder:text-stone-300 focus:outline-none focus:ring-2 focus:ring-sage-300 focus:border-sage-300 transition-colors"> <button type="submit" id="newsletter-submit" class="px-6 py-3 rounded-lg bg-sage-600 text-white font-semibold text-sm hover:bg-sage-500 transition-colors whitespace-nowrap"> <span id="newsletter-btn-text">Prenumeruoti</span> </button>

</form>

</div>

</section>

<div>

<p class="font-serif-display text-lg text-white mb-1">Indrė Vaičiulytė</p>

<p class="text-stone-400 text-xs">Licencijuota Fizikinės Terapijos Specialistė</p>

</div>

<a href="#about" class="hover:text-white transition-colors">Apie</a> <a href="#services" class="hover:text-white transition-colors">Paslaugos</a> <a href="#booking" class="hover:text-white transition-colors">Užsiregistruoti</a> <a href="#contact" class="hover:text-white transition-colors">Kontaktai</a>

</div>

</div>

</footer>

</div>

// === DEFAULT CONFIG ===

const defaultConfig = {

background_color: '#fdfcfb',

surface_color: '#ffffff',

text_color: '#44403c',

primary_action_color: '#4a6b45',

secondary_action_color: '#a8bda5',

font_family: 'DM Serif Display',

font_size: 16,

hero_headline: 'Judėk geriau. Jausk save geriau. Gydykis su ekspertu.',

hero_subheadline: 'Profesionali, individualizuota fizikinė terapija, pritaikyta jūsų kūnui, tikslams ir atsigavimo tempui.',

about_title: 'Susipažinkite su Indrė Vaičiulyte',

about_description: 'Indrė yra licencijuota fizikinės terapijos specialistė, pasišventusi padėti žmonėms sveikti nuo traumų, valdyti skausmą ir pagerinti jų judėjimo kokybę. Ji dirba savarankiškai, siūlydama sutelktus vienas su vienu seansu, kur kiekvienas gydymo planas yra sudaromas atsižvelgiant į individualias poreikius, o ne šablonus.',

services_title: 'Kaip Indrė Gali Jums Padėti',

booking_title: 'Paruošti Užsiregistruoti?',

contact_title: 'Turite Klausimą?',

newsletter_title: 'Būkite Informuoti'

};

let currentData = [];

// === TOAST SYSTEM ===

function showToast(message, type = 'success') {

const container = document.getElementById('toast-container');

const toast = document.createElement('div');

const bgClass = type === 'success' ? 'bg-sage-600' : 'bg-red-500';

toast.className = `toast-enter ${bgClass} text-white text-sm px-5 py-3 rounded-lg shadow-lg max-w-xs`;

toast.textContent = message;

container.appendChild(toast);

setTimeout(() => {

toast.classList.remove('toast-enter');

toast.classList.add('toast-exit');

setTimeout(() => toast.remove(), 300);

}, 3500);

}

// === ELEMENT SDK ===

function applyConfig(config) {

const c = { ...defaultConfig, ...config };

// Colors

document.body.style.backgroundColor = c.background_color;

document.querySelectorAll('.bg-sage-600').forEach(el => { el.style.backgroundColor = c.primary_action_color; });

document.querySelectorAll('.text-sage-600').forEach(el => { el.style.color = c.primary_action_color; });

document.querySelectorAll('.text-sage-500').forEach(el => { el.style.color = c.secondary_action_color; });

// Font

const serif = `${c.font_family}, Georgia, serif`;

document.querySelectorAll('.font-serif-display').forEach(el => { el.style.fontFamily = serif; });

// Font size

const base = c.font_size;

document.querySelectorAll('h1').forEach(el => { el.style.fontSize = `${base * 2.5}px`; });

document.querySelectorAll('h2').forEach(el => { el.style.fontSize = `${base * 2}px`; });

document.querySelectorAll('h3').forEach(el => { el.style.fontSize = `${base * 1.1}px`; });

document.querySelectorAll('p, label, span').forEach(el => {

if (!el.closest('h1, h2, h3, button, a')) el.style.fontSize = `${base}px`;

});

// Text content

const el = (id) => document.getElementById(id);

if (el('hero-headline')) el('hero-headline').textContent = c.hero_headline;

if (el('hero-subheadline')) el('hero-subheadline').textContent = c.hero_subheadline;

if (el('about-title')) el('about-title').textContent = c.about_title;

if (el('about-description')) el('about-description').textContent = c.about_description;

if (el('services-title')) el('services-title').textContent = c.services_title;

if (el('booking-title')) el('booking-title').textContent = c.booking_title;

if (el('contact-title')) el('contact-title').textContent = c.contact_title;

if (el('newsletter-title')) el('newsletter-title').textContent = c.newsletter_title;

}

if (window.elementSdk) {

window.elementSdk.init({

defaultConfig,

onConfigChange: async (config) => { applyConfig(config); },

mapToCapabilities: (config) => {

const c = { ...defaultConfig, ...config };

const mkColor = (key) => ({

get: () => c[key] || defaultConfig[key],

set: (v) => { c[key] = v; window.elementSdk.setConfig({ [key]: v }); }

});

return {

recolorables: [

mkColor('background_color'),

mkColor('surface_color'),

mkColor('text_color'),

mkColor('primary_action_color'),

mkColor('secondary_action_color')

borderables: [],

fontEditable: {

get: () => c.font_family || defaultConfig.font_family,

set: (v) => { c.font_family = v; window.elementSdk.setConfig({ font_family: v }); }

fontSizeable: {

get: () => c.font_size || defaultConfig.font_size,

set: (v) => { c.font_size = v; window.elementSdk.setConfig({ font_size: v }); }

}

};

mapToEditPanelValues: (config) => {

const c = { ...defaultConfig, ...config };

return new Map([

['hero_headline', c.hero_headline],

['hero_subheadline', c.hero_subheadline],

['about_title', c.about_title],

['about_description', c.about_description],

['services_title', c.services_title],

['booking_title', c.booking_title],

['contact_title', c.contact_title],

['newsletter_title', c.newsletter_title]

]);

}

});

}

// === DATA SDK ===

const dataHandler = { onDataChanged(data) { /* write-only mode */ } };

(async () => {

if (window.dataSdk) {

const result = await window.dataSdk.init(dataHandler);

if (!result.isOk) console.error('Data SDK init failed');

}

})();

// === CONTACT FORM ===

document.getElementById('contact-form').addEventListener('submit', async (e) => {

e.preventDefault();

const btn = document.getElementById('contact-submit');

const btnText = document.getElementById('contact-btn-text');

const name = document.getElementById('contact-name').value.trim();

const contact = document.getElementById('contact-info').value.trim();

const message = document.getElementById('contact-message').value.trim();

if (!name || !contact) return;

btn.disabled = true;

btnText.textContent = 'Sending...';

if (window.dataSdk) {

const result = await window.dataSdk.create({

name, contact, message: message || '', submitted_at: new Date().toISOString(), type: 'contact'

});

if (result.isOk) {

showToast('Žinutė išsiųsta! Indrė netrukus susisieks.');

e.target.reset();

} else {

showToast('Kažkas nepavyko. Bandykite dar kartą.', 'error');

}

} else {

showToast('Žinutė išsiųsta! Indrė netrukus susisieks.');

e.target.reset();

}

btn.disabled = false;

btnText.textContent = 'Siųsti Žinutę';

});

// === NEWSLETTER FORM ===

document.getElementById('newsletter-form').addEventListener('submit', async (e) => {

e.preventDefault();

const btn = document.getElementById('newsletter-submit');

const btnText = document.getElementById('newsletter-btn-text');

const email = document.getElementById('newsletter-email').value.trim();

if (!email) return;

btn.disabled = true;

btnText.textContent = 'Subscribing...';

if (window.dataSdk) {

const result = await window.dataSdk.create({

name: '', contact: email, message: '', submitted_at: new Date().toISOString(), type: 'newsletter'

});

if (result.isOk) {

showToast('Prenumerata aktyvuota! Netrukus gaudysite žinias nuo Indrės.');

e.target.reset();

} else {

showToast('Kažkas nepavyko. Bandykite dar kartą.', 'error');

}

} else {

showToast('Prenumerata aktyvuota! Netrukus gaudysite žinias nuo Indrės.');

e.target.reset();

}

btn.disabled = false;

btnText.textContent = 'Prenumeruoti';

});

// === SCROLL NAV ===

const nav = document.getElementById('main-nav');

document.getElementById('app-wrapper').addEventListener('scroll', function() {

if (this.scrollTop > 40) {

nav.classList.add('bg-white/90', 'backdrop-blur-md', 'shadow-sm');

nav.classList.remove('bg-transparent');

} else {

nav.classList.remove('bg-white/90', 'backdrop-blur-md', 'shadow-sm');

nav.classList.add('bg-transparent');

}

});

// === MOBILE MENU ===

document.getElementById('mobile-menu-btn').addEventListener('click', () => {

document.getElementById('mobile-menu').classList.toggle('hidden');

});

document.querySelectorAll('.mobile-link').forEach(link => {

link.addEventListener('click', () => document.getElementById('mobile-menu').classList.add('hidden'));

});

// === SECTION REVEAL ===

const observer = new IntersectionObserver((entries) => {

entries.forEach(entry => { if (entry.isIntersecting) entry.target.classList.add('visible'); });

}, { threshold: 0.1 });

document.querySelectorAll('.section-reveal').forEach(s => observer.observe(s));

// === FOOTER YEAR ===

document.getElementById('footer-year').textContent = new Date().getFullYear();

// === INIT ICONS ===

lucide.createIcons();

</script>

</html>