// Hero / Landing — Nicholas & Shanthi
// Couple photo + floating typography + olive branches
const Hero = ({ scrollTo }) => {
const [scrollY, setScrollY] = React.useState(0);
React.useEffect(() => {
const onScroll = () => setScrollY(window.scrollY);
window.addEventListener('scroll', onScroll, { passive: true });
return () => window.removeEventListener('scroll', onScroll);
}, []);
const parallax = Math.min(scrollY, 600);
return (
{/* Floating RSVP CTA — inline styles so layout holds even if hero.css is stale */}
Ktima Panagiotopoulou
·
Patras, Greece
28 · 08 · 2026
Nicholas
&
Shanthi
An Aegean Fusion
Three days of olive groves, vineyards and the Gulf of Patras, a quiet celebration of two families across four kitchens.
By invitation
RSVP by 15 June 2026
);
};
const Countdown = () => {
const [now, setNow] = React.useState(new Date());
React.useEffect(() => {
const t = setInterval(() => setNow(new Date()), 1000);
return () => clearInterval(t);
}, []);
const target = new Date('2026-08-28T17:00:00');
const diff = Math.max(0, target - now);
const days = Math.floor(diff / (1000 * 60 * 60 * 24));
const hrs = Math.floor(diff / (1000 * 60 * 60) % 24);
const mins = Math.floor(diff / (1000 * 60) % 60);
return (
Days until
{days}
:
{String(hrs).padStart(2, '0')}
:
{String(mins).padStart(2, '0')}
);
};
window.Hero = Hero;
const COUPLE_PICS = [
{ src: 'assets/couple-1.jpg', cap: 'Aboard the Patras ferry · Sept 2025' },
{ src: 'assets/couple-2.jpg', cap: 'A quiet evening in' },
{ src: 'assets/couple-3.jpg', cap: 'March 2025' },
{ src: 'assets/couple-4.jpg', cap: 'Summer 2024' }];
const CouplePhotos = () => {
const [i, setI] = React.useState(0);
React.useEffect(() => {
const t = setInterval(() => setI((p) => (p + 1) % COUPLE_PICS.length), 4500);
return () => clearInterval(t);
}, []);
return (
{COUPLE_PICS.map((p, idx) =>
)}
{COUPLE_PICS[i].cap}
{COUPLE_PICS.map((_, idx) =>
);
};
window.CouplePhotos = CouplePhotos;