NYC Dining App \u2014 Early Access Program<\/title>\n<link rel=\"preload\" as=\"image\" href=\"https:\/\/images.unsplash.com\/photo-1517248135467-4c7edcad34c4?w=1920&q=80\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Syncopate:wght@400;700&display=swap\" rel=\"stylesheet\">\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\"><\/script>\n<script src=\"https:\/\/unpkg.com\/@studio-freight\/lenis@1.0.33\/dist\/lenis.min.js\"><\/script>\n<style>\n:root {\n --c-primary: #0094D7;\n --c-primary-dark: #007AB8;\n --c-navy: #1D3F87;\n --c-navy-deep: #142C5C;\n --c-bg: #F7F8FA;\n --c-dark: #111827;\n --c-warm: #1D3F87;\n --c-accent-soft: #5CB8E6;\n --c-glow: rgba(0,148,215,0.25);\n --font-display: 'Syncopate', sans-serif;\n --font-body: 'Plus Jakarta Sans', sans-serif;\n}\n* { margin: 0; padding: 0; box-sizing: border-box; }\nbody {\n background: var(--c-bg);\n color: var(--c-dark);\n font-family: var(--font-body);\n overflow-x: hidden;\n opacity: 0;\n -webkit-font-smoothing: antialiased;\n}\n::selection { background: var(--c-primary); color: #fff; }\n\n.loader {\n position: fixed; inset: 0; background: var(--c-navy-deep);\n z-index: 10000; display: flex; flex-direction: column;\n justify-content: center; align-items: center; gap: 1.5rem;\n}\n.loader-text {\n font-family: var(--font-display);\n font-size: clamp(1.4rem, 4vw, 3rem);\n font-weight: 700; color: #fff; letter-spacing: 0.3em;\n}\n.loader-sub {\n font-size: 0.7rem; letter-spacing: 0.4em;\n text-transform: uppercase; color: rgba(255,255,255,0.35);\n}\n.loader-bar {\n position: absolute; bottom: 0; left: 0;\n height: 3px; background: var(--c-primary); width: 0%;\n box-shadow: 0 0 20px var(--c-glow), 0 0 60px var(--c-glow);\n}\n\n.noise-overlay {\n position: fixed; inset: 0; pointer-events: none;\n z-index: 9000; opacity: 0.03;\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");\n}\n\n.wrapper {\n position: relative; z-index: 10; background: var(--c-bg);\n margin-bottom: 100vh; box-shadow: 0 50px 100px rgba(0,0,0,0.45);\n}\n\n.display { font-family: var(--font-display); }\n.word-wrap { display: inline-block; overflow: hidden; vertical-align: top; padding-bottom: 0.15em; }\n.word-inner { display: inline-block; transform: translateY(115%); }\n\n.hero-section {\n background: linear-gradient(160deg, var(--c-navy-deep) 0%, #1a2a4a 50%, #0d1f3d 100%);\n}\n.hero-img { opacity: 0; transition: opacity 0.8s cubic-bezier(.25,.46,.45,.94); }\n.hero-img.loaded { opacity: 1; }\n.hero-gradient {\n background: linear-gradient(160deg, rgba(10,20,45,0.92) 0%, rgba(20,44,92,0.7) 50%, rgba(0,80,140,0.4) 100%);\n}\n.hero-glow {\n position: absolute;\n width: 600px; height: 600px;\n background: radial-gradient(circle, rgba(0,148,215,0.12) 0%, transparent 70%);\n top: 50%; left: 50%;\n transform: translate(-50%,-50%);\n pointer-events: none;\n z-index: 5;\n}\n\n.stack-section { padding: 12vh 0; background: var(--c-navy-deep); color: #F7F8FA; }\n.stack-container { width: 100%; max-width: 1100px; margin: 0 auto; padding: 0 1.5rem 10vh; }\n.card-item {\n position: sticky; top: 10vh; height: 70vh; min-height: 420px;\n width: 100%; display: flex; align-items: center; justify-content: center; margin-bottom: 5vh;\n}\n.card-inner {\n width: 100%; height: 100%;\n border: 1px solid rgba(255,255,255,0.1); overflow: hidden; border-radius: 20px;\n display: grid; grid-template-columns: 1fr 1fr;\n box-shadow: 0 30px 60px -15px rgba(0,0,0,0.6);\n transition: box-shadow 0.5s;\n}\n.card-inner:hover {\n box-shadow: 0 30px 80px -15px rgba(0,0,0,0.7), 0 0 40px rgba(0,148,215,0.08);\n}\n.card-content { padding: 3.5rem; display: flex; flex-direction: column; justify-content: center; gap: 1.5rem; }\n.card-img-wrap { position: relative; overflow: hidden; }\n.card-img-wrap img {\n width: 100%; height: 100%; object-fit: cover;\n transition: transform 1.8s cubic-bezier(.25,.46,.45,.94);\n}\n.card-inner:hover .card-img-wrap img { transform: scale(1.06); }\n@media (max-width: 768px) {\n .card-inner { grid-template-columns: 1fr; }\n .card-item { top: 5vh; height: 80vh; }\n .card-img-wrap { height: 35%; order: -1; }\n .card-content { padding: 2rem; }\n}\n\n.benefit-card {\n opacity: 0;\n transform: translateY(40px);\n}\n.benefit-card.visible {\n opacity: 1;\n transform: translateY(0);\n transition: opacity 0.7s cubic-bezier(.25,.46,.45,.94), transform 0.7s cubic-bezier(.25,.46,.45,.94);\n}\n\n.form-section { background: var(--c-bg); position: relative; }\n.form-wrap { max-width: 720px; margin: 0 auto; }\n\n.btn-submit {\n display: inline-flex; align-items: center; gap: 0.75rem;\n padding: 1.1rem 2.8rem; background: var(--c-primary); color: #fff;\n font-family: var(--font-body); font-size: 0.8rem; font-weight: 700;\n letter-spacing: 0.15em; text-transform: uppercase; border: none;\n border-radius: 20px; cursor: pointer;\n transition: all 0.35s cubic-bezier(.25,.46,.45,.94);\n box-shadow: 0 4px 15px rgba(0,148,215,0.25);\n}\n.btn-submit:hover {\n background: var(--c-primary-dark);\n transform: translateY(-3px);\n box-shadow: 0 8px 30px rgba(0,148,215,0.35);\n}\n.btn-submit:active { transform: translateY(-1px); box-shadow: 0 4px 15px rgba(0,148,215,0.25); }\n.btn-submit span { transition: transform 0.3s; }\n.btn-submit:hover span { transform: translateX(3px); }\n\n.meta-dot {\n width: 5px; height: 5px; border-radius: 50%; background: var(--c-primary);\n display: inline-block; flex-shrink: 0;\n}\n\n.fade-section {\n opacity: 0; transform: translateY(30px);\n transition: opacity 0.8s cubic-bezier(.25,.46,.45,.94), transform 0.8s cubic-bezier(.25,.46,.45,.94);\n}\n.fade-section.visible { opacity: 1; transform: translateY(0); }\n\n.footer-sticky {\n position: fixed; bottom: 0; left: 0; width: 100%; height: 100vh;\n z-index: 1; background: var(--c-navy-deep); color: #fff;\n display: flex; flex-direction: column; justify-content: center; align-items: center;\n}\n.footer-cta {\n background: linear-gradient(135deg, #fff 0%, var(--c-accent-soft) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n transition: opacity 0.3s;\n}\n.footer-cta:hover { opacity: 0.8; }\n\n.progress-line {\n position: fixed; top: 0; left: 0; width: 3px; height: 0%;\n background: var(--c-primary); z-index: 100;\n box-shadow: 0 0 8px var(--c-glow);\n}\n\n.form-border {\n position: relative;\n border-radius: 20px;\n padding: 2.5rem;\n background: #fff;\n z-index: 1;\n}\n.form-border::before {\n content: '';\n position: absolute;\n inset: -2.5px;\n border-radius: 22px;\n background: conic-gradient(\n from var(--border-angle, 0deg),\n #063c60 0%,\n #0a5a8a 25%,\n #0d6f9e 50%,\n #0a5a8a 75%,\n #063c60 100%\n );\n z-index: -2;\n animation: rotateBorder 6s linear infinite;\n}\n.form-border::after {\n content: '';\n position: absolute;\n inset: 2px;\n border-radius: 18px;\n background: #fff;\n z-index: -1;\n}\n@keyframes rotateBorder {\n to { --border-angle: 360deg; }\n}\n@property --border-angle {\n syntax: '<angle>';\n initial-value: 0deg;\n inherits: false;\n}\n.section-divider {\n width: 60px; height: 3px; border-radius: 2px;\n background: linear-gradient(90deg, var(--c-primary), var(--c-accent-soft));\n}\n<\/style>\n<\/head>\n<body class=\"antialiased\">\n\n<div class=\"noise-overlay\"><\/div>\n<div class=\"progress-line\" id=\"progressLine\"><\/div>\n\n<div class=\"loader\">\n <div class=\"loader-text\">EARLY ACCESS<\/div>\n <div class=\"loader-sub\">NYC Dining App Test Program<\/div>\n <div class=\"loader-bar\"><\/div>\n<\/div>\n\n<nav class=\"fixed top-0 w-full px-6 md:px-10 py-6 flex justify-between items-center z-50 mix-blend-difference text-white\">\n <div><\/div>\n <a href=\"#signup\" class=\"text-[0.65rem] uppercase tracking-[0.25em] font-semibold border border-white\/30 px-5 py-2 rounded-[20px] hover:bg-white hover:text-black transition-all duration-300\">Sign Up<\/a>\n<\/nav>\n\n<div class=\"wrapper\">\n\n \n <section class=\"hero-section h-screen relative flex items-center justify-center overflow-hidden\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1517248135467-4c7edcad34c4?w=1920&q=80\"\n class=\"absolute inset-0 w-full h-full object-cover hero-img\" alt=\"NYC Restaurant\"\n onload=\"this.classList.add('loaded')\">\n <div class=\"hero-gradient absolute inset-0\"><\/div>\n <div class=\"hero-glow\"><\/div>\n <div class=\"relative z-10 text-center text-white px-6 max-w-4xl\">\n <h1 class=\"display text-[clamp(2rem,7vw,5.5rem)] leading-[0.95] tracking-tighter font-bold\" style=\"color:#5CC8F0; text-shadow: 0 2px 30px rgba(0,148,215,0.35);\">\n <span class=\"block hero-text overflow-hidden\"><span class=\"block translate-y-full\">GET EARLY<\/span><\/span>\n <span class=\"block hero-text overflow-hidden\"><span class=\"block translate-y-full\">ACCESS<\/span><\/span>\n <\/h1>\n <p class=\"mt-10 text-sm md:text-lg font-semibold leading-relaxed max-w-lg mx-auto opacity-0 hero-fade\">\n We’re inviting NYC diners to test a new restaurant booking app. Try it, share your experience, and get paid.\n <\/p>\n <a href=\"#signup\" class=\"inline-block mt-10 opacity-0 hero-fade\">\n <span class=\"btn-submit\">Sign Up <span>→<\/span><\/span>\n <\/a>\n <\/div>\n <div class=\"absolute bottom-10 w-full flex flex-col items-center gap-3 text-center text-white opacity-50 text-xs tracking-[0.3em] uppercase hero-fade\" style=\"opacity:0\">\n <span>Scroll to learn more<\/span>\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"animate-bounce\"><path d=\"M12 5v14\"\/><path d=\"M19 12l-7 7-7-7\"\/><\/svg>\n <\/div>\n <\/section>\n\n \n <section class=\"py-28 md:py-36 px-6 bg-[var(--c-bg)]\">\n <div style=\"max-width:1100px\" class=\"mx-auto\">\n <div class=\"text-center mb-14\">\n <div class=\"text-[0.65rem] uppercase tracking-[0.4em] font-extrabold text-[var(--c-primary)] mb-4\">What you’ll get<\/div>\n <h2 class=\"text-2xl md:text-4xl tracking-tight font-extrabold text-[var(--c-dark)]\">More than a test.<\/h2>\n <p class=\"mt-4 text-base text-gray-700 font-medium max-w-md mx-auto\">Here’s what’s in it for you when you join the program.<\/p>\n <\/div>\n <div class=\"grid md:grid-cols-3 gap-8\">\n <div class=\"benefit-card p-10 bg-white rounded-2xl border border-gray-100 shadow-sm hover:shadow-xl hover:-translate-y-2 transition-all duration-500 cursor-default group\">\n <div class=\"w-16 h-16 rounded-2xl bg-[var(--c-primary)]\/10 flex items-center justify-center mb-6 group-hover:bg-[var(--c-primary)] group-hover:scale-110 transition-all duration-500\">\n <span class=\"text-2xl font-extrabold text-[var(--c-primary)] group-hover:text-white transition-colors duration-500\">$<\/span>\n <\/div>\n <div class=\"text-lg font-bold mb-1 text-[var(--c-dark)]\">$250 Cash Compensation<\/div>\n <p class=\"text-sm text-gray-600 font-normal leading-relaxed\">Earned upon completing all required activities, including bookings, dining, and brief reports.<\/p>\n <\/div>\n <div class=\"benefit-card p-10 bg-white rounded-2xl border border-gray-100 shadow-sm hover:shadow-xl hover:-translate-y-2 transition-all duration-500 cursor-default group\">\n <div class=\"w-16 h-16 rounded-2xl bg-[var(--c-primary)]\/10 flex items-center justify-center mb-6 group-hover:bg-[var(--c-primary)] group-hover:scale-110 transition-all duration-500\">\n <svg class=\"w-7 h-7 text-[var(--c-primary)] group-hover:text-white transition-colors duration-500\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"\/><\/svg>\n <\/div>\n <div class=\"text-lg font-bold mb-1 text-[var(--c-dark)]\">Limited Spots<\/div>\n <p class=\"text-sm text-gray-600 font-normal leading-relaxed\">Be among the first to try a new restaurant reservation app before its public launch.<\/p>\n <\/div>\n <div class=\"benefit-card p-10 bg-white rounded-2xl border border-gray-100 shadow-sm hover:shadow-xl hover:-translate-y-2 transition-all duration-500 cursor-default group\">\n <div class=\"w-16 h-16 rounded-2xl bg-[var(--c-primary)]\/10 flex items-center justify-center mb-6 group-hover:bg-[var(--c-primary)] group-hover:scale-110 transition-all duration-500\">\n <svg class=\"w-7 h-7 text-[var(--c-primary)] group-hover:text-white transition-colors duration-500\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z\"\/><\/svg>\n <\/div>\n <div class=\"text-lg font-bold mb-1 text-[var(--c-dark)]\">Influence the Product<\/div>\n <p class=\"text-sm text-gray-600 font-normal leading-relaxed\">Your input will directly shape improvements to the app experience.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-28 md:py-36 px-6 md:px-20\" style=\"background: var(--c-navy-deep);\">\n <div class=\"grid md:grid-cols-2 gap-16 max-w-[1400px] mx-auto\">\n <div>\n <div class=\"text-[0.65rem] uppercase tracking-[0.4em] font-extrabold mb-5\" style=\"color: var(--c-accent-soft);\">The Opportunity<\/div>\n \n <h3 class=\"text-2xl md:text-[2.6rem] leading-tight font-extrabold tracking-tight text-white\">\n Dine out in NYC? <br><span style=\"color: var(--c-accent-soft);\">We want your take.<\/span>\n <\/h3>\n <\/div>\n <div class=\"text-base md:text-lg font-normal leading-relaxed flex flex-col justify-center\">\n <div class=\"section-divider mb-5\"><\/div>\n <p class=\"split-animate\" style=\"color: rgba(255,255,255,0.8);\">We’re building something new for NYC diners who book restaurants regularly and care about the experience. Before launch, we’re inviting a small group to help shape it.<\/p>\n <div class=\"h-px w-full my-8\" style=\"background: rgba(255,255,255,0.1);\"><\/div>\n <div class=\"flex gap-8 text-[0.65rem] uppercase tracking-[0.25em] font-bold\" style=\"color: rgba(255,255,255,0.5);\">\n <div class=\"flex items-center gap-2\"><span class=\"meta-dot\"><\/span>NYC metro area<\/div>\n <div class=\"flex items-center gap-2\"><span class=\"meta-dot\"><\/span>Invite only<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"form-section pt-28 pb-12 md:pt-36 md:pb-16 px-6\" id=\"signup\">\n <div class=\"form-wrap\">\n <div class=\"text-center mb-16 fade-section\">\n <h2 class=\"text-2xl md:text-4xl tracking-tight font-extrabold\">Apply Now<\/h2>\n <p class=\"mt-4 text-sm text-gray-600 font-semibold max-w-md mx-auto\">Fill out the form below. Selected participants will be contacted shortly.<\/p>\n <\/div>\n <div class=\"form-border\">\n <div data-tf-live=\"01KNN3QHPQW85M85HKE8W9MEK9\"><\/div>\n <script src=\"\/\/embed.typeform.com\/next\/embed.js\"><\/script>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-20 bg-[var(--c-bg)] text-center flex flex-col items-center justify-center px-6\">\n <div class=\"fade-section flex flex-col items-center\">\n <h2 class=\"text-xl md:text-3xl tracking-tight font-extrabold mb-6\">Have questions?<\/h2>\n <div class=\"section-divider mt-6\"><\/div>\n <\/div>\n <\/section>\n\n<\/div>\n\n\n<footer class=\"footer-sticky px-6\">\n <div class=\"relative z-10 text-center\">\n <div class=\"text-sm uppercase tracking-[0.4em] mb-5 text-white\/70 font-bold\">Ready to join?<\/div>\n <a href=\"#signup\" class=\"display text-[clamp(2rem,7vw,5rem)] leading-none tracking-tighter font-bold footer-cta\">\n Apply Now\n <\/a>\n <div class=\"flex justify-center mt-12\">\n <div class=\"section-divider\"><\/div>\n <\/div>\n <\/div>\n <div class=\"absolute inset-0 bg-gradient-to-t from-[#0a1a3a] via-[#0a1a3a]\/90 to-[#0a1a3a]\/70 pointer-events-none\"><\/div>\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1550966871-3ed3cdb51f3a?w=1920&q=60\" class=\"absolute inset-0 w-full h-full object-cover opacity-10 pointer-events-none grayscale\" alt=\"SIS International Market Research & Strategy\" loading=\"lazy\">\n<\/footer>\n\n<script>\nconst lenis = new Lenis({\n duration: 1.2,\n easing: t => Math.min(1, 1.001 - Math.pow(2, -10 * t)),\n direction: 'vertical', smooth: true,\n});\nfunction raf(time) { lenis.raf(time); requestAnimationFrame(raf); }\nrequestAnimationFrame(raf);\n\ngsap.registerPlugin(ScrollTrigger);\n\nfunction splitTextToWords(el) {\n const words = el.innerText.split(' ');\n el.innerHTML = '';\n words.forEach(w => {\n const wrap = document.createElement('span');\n wrap.classList.add('word-wrap');\n wrap.innerHTML = '<span class=\"word-inner\">' + w + ' <\/span>';\n el.appendChild(wrap);\n });\n}\ndocument.querySelectorAll('.split-animate').forEach(splitTextToWords);\n\ngsap.to('#progressLine', {\n height: '100%', ease: 'none',\n scrollTrigger: { trigger: '.wrapper', start: 'top top', end: 'bottom bottom', scrub: true }\n});\n\nvar heroImg = document.querySelector('.hero-img');\nvar heroReady = new Promise(function(resolve) {\n if (heroImg.complete && heroImg.naturalWidth > 0) {\n heroImg.classList.add('loaded');\n resolve();\n } else {\n heroImg.addEventListener('load', function() { heroImg.classList.add('loaded'); resolve(); });\n heroImg.addEventListener('error', resolve);\n }\n});\nvar minLoaderTime = new Promise(function(resolve) { setTimeout(resolve, 800); });\n\nvar barTl = gsap.timeline();\nbarTl.to('.loader-bar', { width: '100%', duration: 1.4, ease: 'power2.inOut' });\n\nPromise.all([heroReady, minLoaderTime, barTl.then()]).then(function() {\n var exitTl = gsap.timeline({\n onComplete: function() { document.body.style.opacity = 1; initSite(); }\n });\n exitTl.to('.loader-text, .loader-sub', { y: -30, opacity: 0, duration: 0.4, stagger: 0.08 })\n .to('.loader', { yPercent: -100, duration: 0.8, ease: 'power4.inOut' });\n});\n\nfunction initSite() {\n gsap.to('.hero-text span', { y: 0, stagger: 0.12, duration: 1.4, ease: 'power4.out' });\n gsap.to('.hero-fade', { opacity: 1, duration: 1, delay: 0.5, stagger: 0.15 });\n gsap.to('.hero-img', {\n yPercent: 20, ease: 'none',\n scrollTrigger: { trigger: '.hero-img', start: 'top top', end: 'bottom top', scrub: true }\n });\n\n gsap.to('.hero-glow', {\n scale: 1.15, opacity: 0.7, duration: 4, ease: 'sine.inOut', repeat: -1, yoyo: true\n });\n\n document.querySelectorAll('.split-animate').forEach(function(el) {\n gsap.to(el.querySelectorAll('.word-inner'), {\n y: '0%', duration: 0.8, ease: 'power3.out', stagger: 0.02,\n scrollTrigger: { trigger: el, start: 'top 88%', toggleActions: 'play none none reverse' }\n });\n });\n\n var cards = gsap.utils.toArray('.card-item');\n cards.forEach(function(card, i) {\n if (cards[i + 1]) {\n gsap.to(card.querySelector('.card-inner'), {\n scale: 0.92, opacity: 0.25, ease: 'none',\n scrollTrigger: { trigger: cards[i + 1], start: 'top bottom', end: 'top 15vh', scrub: true }\n });\n }\n });\n gsap.from('.footer-sticky > div', {\n y: 60, opacity: 0, scale: 0.95,\n scrollTrigger: { trigger: '.footer-sticky', start: 'top bottom', end: 'bottom bottom', scrub: true }\n });\n\n var benefitObserver = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n var allCards = document.querySelectorAll('.benefit-card');\n allCards.forEach(function(card, i) {\n card.style.transitionDelay = (i * 0.15) + 's';\n card.classList.add('visible');\n });\n benefitObserver.unobserve(entry.target);\n }\n });\n }, { threshold: 0.2 });\n var firstBenefit = document.querySelector('.benefit-card');\n if (firstBenefit) benefitObserver.observe(firstBenefit);\n\n var fadeObserver = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n fadeObserver.unobserve(entry.target);\n }\n });\n }, { threshold: 0.15 });\n document.querySelectorAll('.fade-section').forEach(function(el) {\n fadeObserver.observe(el);\n });\n}\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>NYC Dining App \u2014 Early Access Program EARLY ACCESS NYC Dining App Test Program Sign Up GET EARLY ACCESS We’re inviting NYC diners to test a new restaurant booking app. Try it, share your experience, and get paid. Sign Up → Scroll to learn more What you’ll get More than a test. Here’s what’s in … <a title=\"New Interlink landing page\" class=\"read-more\" href=\"https:\/\/www.sisinternational.com\/pt\/nyc-diners-test\/\" aria-label=\"Read more about New Interlink landing page\">Leia mais<\/a><\/p>","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"blank-slate-template.php","meta":{"footnotes":""},"class_list":["post-85246","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/www.sisinternational.com\/pt\/wp-json\/wp\/v2\/pages\/85246","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sisinternational.com\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.sisinternational.com\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.sisinternational.com\/pt\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sisinternational.com\/pt\/wp-json\/wp\/v2\/comments?post=85246"}],"version-history":[{"count":16,"href":"https:\/\/www.sisinternational.com\/pt\/wp-json\/wp\/v2\/pages\/85246\/revisions"}],"predecessor-version":[{"id":85380,"href":"https:\/\/www.sisinternational.com\/pt\/wp-json\/wp\/v2\/pages\/85246\/revisions\/85380"}],"wp:attachment":[{"href":"https:\/\/www.sisinternational.com\/pt\/wp-json\/wp\/v2\/media?parent=85246"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":85246,"date":"2026-04-07T22:47:31","date_gmt":"2026-04-08T02:47:31","guid":{"rendered":"https:\/\/www.sisinternational.com\/?page_id=85246"},"modified":"2026-04-08T19:33:43","modified_gmt":"2026-04-08T23:33:43","slug":"nyc-diners-test","status":"publish","type":"page","link":"https:\/\/www.sisinternational.com\/pt\/nyc-diners-test\/","title":{"rendered":"New Interlink landing page"},"content":{"rendered":"\n\n\n\n\n\nNYC Dining App \u2014 Early Access Program<\/title>\n<link rel=\"preload\" as=\"image\" href=\"https:\/\/images.unsplash.com\/photo-1517248135467-4c7edcad34c4?w=1920&q=80\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Syncopate:wght@400;700&display=swap\" rel=\"stylesheet\">\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\"><\/script>\n<script src=\"https:\/\/unpkg.com\/@studio-freight\/lenis@1.0.33\/dist\/lenis.min.js\"><\/script>\n<style>\n:root {\n --c-primary: #0094D7;\n --c-primary-dark: #007AB8;\n --c-navy: #1D3F87;\n --c-navy-deep: #142C5C;\n --c-bg: #F7F8FA;\n --c-dark: #111827;\n --c-warm: #1D3F87;\n --c-accent-soft: #5CB8E6;\n --c-glow: rgba(0,148,215,0.25);\n --font-display: 'Syncopate', sans-serif;\n --font-body: 'Plus Jakarta Sans', sans-serif;\n}\n* { margin: 0; padding: 0; box-sizing: border-box; }\nbody {\n background: var(--c-bg);\n color: var(--c-dark);\n font-family: var(--font-body);\n overflow-x: hidden;\n opacity: 0;\n -webkit-font-smoothing: antialiased;\n}\n::selection { background: var(--c-primary); color: #fff; }\n\n.loader {\n position: fixed; inset: 0; background: var(--c-navy-deep);\n z-index: 10000; display: flex; flex-direction: column;\n justify-content: center; align-items: center; gap: 1.5rem;\n}\n.loader-text {\n font-family: var(--font-display);\n font-size: clamp(1.4rem, 4vw, 3rem);\n font-weight: 700; color: #fff; letter-spacing: 0.3em;\n}\n.loader-sub {\n font-size: 0.7rem; letter-spacing: 0.4em;\n text-transform: uppercase; color: rgba(255,255,255,0.35);\n}\n.loader-bar {\n position: absolute; bottom: 0; left: 0;\n height: 3px; background: var(--c-primary); width: 0%;\n box-shadow: 0 0 20px var(--c-glow), 0 0 60px var(--c-glow);\n}\n\n.noise-overlay {\n position: fixed; inset: 0; pointer-events: none;\n z-index: 9000; opacity: 0.03;\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");\n}\n\n.wrapper {\n position: relative; z-index: 10; background: var(--c-bg);\n margin-bottom: 100vh; box-shadow: 0 50px 100px rgba(0,0,0,0.45);\n}\n\n.display { font-family: var(--font-display); }\n.word-wrap { display: inline-block; overflow: hidden; vertical-align: top; padding-bottom: 0.15em; }\n.word-inner { display: inline-block; transform: translateY(115%); }\n\n.hero-section {\n background: linear-gradient(160deg, var(--c-navy-deep) 0%, #1a2a4a 50%, #0d1f3d 100%);\n}\n.hero-img { opacity: 0; transition: opacity 0.8s cubic-bezier(.25,.46,.45,.94); }\n.hero-img.loaded { opacity: 1; }\n.hero-gradient {\n background: linear-gradient(160deg, rgba(10,20,45,0.92) 0%, rgba(20,44,92,0.7) 50%, rgba(0,80,140,0.4) 100%);\n}\n.hero-glow {\n position: absolute;\n width: 600px; height: 600px;\n background: radial-gradient(circle, rgba(0,148,215,0.12) 0%, transparent 70%);\n top: 50%; left: 50%;\n transform: translate(-50%,-50%);\n pointer-events: none;\n z-index: 5;\n}\n\n.stack-section { padding: 12vh 0; background: var(--c-navy-deep); color: #F7F8FA; }\n.stack-container { width: 100%; max-width: 1100px; margin: 0 auto; padding: 0 1.5rem 10vh; }\n.card-item {\n position: sticky; top: 10vh; height: 70vh; min-height: 420px;\n width: 100%; display: flex; align-items: center; justify-content: center; margin-bottom: 5vh;\n}\n.card-inner {\n width: 100%; height: 100%;\n border: 1px solid rgba(255,255,255,0.1); overflow: hidden; border-radius: 20px;\n display: grid; grid-template-columns: 1fr 1fr;\n box-shadow: 0 30px 60px -15px rgba(0,0,0,0.6);\n transition: box-shadow 0.5s;\n}\n.card-inner:hover {\n box-shadow: 0 30px 80px -15px rgba(0,0,0,0.7), 0 0 40px rgba(0,148,215,0.08);\n}\n.card-content { padding: 3.5rem; display: flex; flex-direction: column; justify-content: center; gap: 1.5rem; }\n.card-img-wrap { position: relative; overflow: hidden; }\n.card-img-wrap img {\n width: 100%; height: 100%; object-fit: cover;\n transition: transform 1.8s cubic-bezier(.25,.46,.45,.94);\n}\n.card-inner:hover .card-img-wrap img { transform: scale(1.06); }\n@media (max-width: 768px) {\n .card-inner { grid-template-columns: 1fr; }\n .card-item { top: 5vh; height: 80vh; }\n .card-img-wrap { height: 35%; order: -1; }\n .card-content { padding: 2rem; }\n}\n\n.benefit-card {\n opacity: 0;\n transform: translateY(40px);\n}\n.benefit-card.visible {\n opacity: 1;\n transform: translateY(0);\n transition: opacity 0.7s cubic-bezier(.25,.46,.45,.94), transform 0.7s cubic-bezier(.25,.46,.45,.94);\n}\n\n.form-section { background: var(--c-bg); position: relative; }\n.form-wrap { max-width: 720px; margin: 0 auto; }\n\n.btn-submit {\n display: inline-flex; align-items: center; gap: 0.75rem;\n padding: 1.1rem 2.8rem; background: var(--c-primary); color: #fff;\n font-family: var(--font-body); font-size: 0.8rem; font-weight: 700;\n letter-spacing: 0.15em; text-transform: uppercase; border: none;\n border-radius: 20px; cursor: pointer;\n transition: all 0.35s cubic-bezier(.25,.46,.45,.94);\n box-shadow: 0 4px 15px rgba(0,148,215,0.25);\n}\n.btn-submit:hover {\n background: var(--c-primary-dark);\n transform: translateY(-3px);\n box-shadow: 0 8px 30px rgba(0,148,215,0.35);\n}\n.btn-submit:active { transform: translateY(-1px); box-shadow: 0 4px 15px rgba(0,148,215,0.25); }\n.btn-submit span { transition: transform 0.3s; }\n.btn-submit:hover span { transform: translateX(3px); }\n\n.meta-dot {\n width: 5px; height: 5px; border-radius: 50%; background: var(--c-primary);\n display: inline-block; flex-shrink: 0;\n}\n\n.fade-section {\n opacity: 0; transform: translateY(30px);\n transition: opacity 0.8s cubic-bezier(.25,.46,.45,.94), transform 0.8s cubic-bezier(.25,.46,.45,.94);\n}\n.fade-section.visible { opacity: 1; transform: translateY(0); }\n\n.footer-sticky {\n position: fixed; bottom: 0; left: 0; width: 100%; height: 100vh;\n z-index: 1; background: var(--c-navy-deep); color: #fff;\n display: flex; flex-direction: column; justify-content: center; align-items: center;\n}\n.footer-cta {\n background: linear-gradient(135deg, #fff 0%, var(--c-accent-soft) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n transition: opacity 0.3s;\n}\n.footer-cta:hover { opacity: 0.8; }\n\n.progress-line {\n position: fixed; top: 0; left: 0; width: 3px; height: 0%;\n background: var(--c-primary); z-index: 100;\n box-shadow: 0 0 8px var(--c-glow);\n}\n\n.form-border {\n position: relative;\n border-radius: 20px;\n padding: 2.5rem;\n background: #fff;\n z-index: 1;\n}\n.form-border::before {\n content: '';\n position: absolute;\n inset: -2.5px;\n border-radius: 22px;\n background: conic-gradient(\n from var(--border-angle, 0deg),\n #063c60 0%,\n #0a5a8a 25%,\n #0d6f9e 50%,\n #0a5a8a 75%,\n #063c60 100%\n );\n z-index: -2;\n animation: rotateBorder 6s linear infinite;\n}\n.form-border::after {\n content: '';\n position: absolute;\n inset: 2px;\n border-radius: 18px;\n background: #fff;\n z-index: -1;\n}\n@keyframes rotateBorder {\n to { --border-angle: 360deg; }\n}\n@property --border-angle {\n syntax: '<angle>';\n initial-value: 0deg;\n inherits: false;\n}\n.section-divider {\n width: 60px; height: 3px; border-radius: 2px;\n background: linear-gradient(90deg, var(--c-primary), var(--c-accent-soft));\n}\n<\/style>\n<\/head>\n<body class=\"antialiased\">\n\n<div class=\"noise-overlay\"><\/div>\n<div class=\"progress-line\" id=\"progressLine\"><\/div>\n\n<div class=\"loader\">\n <div class=\"loader-text\">EARLY ACCESS<\/div>\n <div class=\"loader-sub\">NYC Dining App Test Program<\/div>\n <div class=\"loader-bar\"><\/div>\n<\/div>\n\n<nav class=\"fixed top-0 w-full px-6 md:px-10 py-6 flex justify-between items-center z-50 mix-blend-difference text-white\">\n <div><\/div>\n <a href=\"#signup\" class=\"text-[0.65rem] uppercase tracking-[0.25em] font-semibold border border-white\/30 px-5 py-2 rounded-[20px] hover:bg-white hover:text-black transition-all duration-300\">Sign Up<\/a>\n<\/nav>\n\n<div class=\"wrapper\">\n\n \n <section class=\"hero-section h-screen relative flex items-center justify-center overflow-hidden\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1517248135467-4c7edcad34c4?w=1920&q=80\"\n class=\"absolute inset-0 w-full h-full object-cover hero-img\" alt=\"NYC Restaurant\"\n onload=\"this.classList.add('loaded')\">\n <div class=\"hero-gradient absolute inset-0\"><\/div>\n <div class=\"hero-glow\"><\/div>\n <div class=\"relative z-10 text-center text-white px-6 max-w-4xl\">\n <h1 class=\"display text-[clamp(2rem,7vw,5.5rem)] leading-[0.95] tracking-tighter font-bold\" style=\"color:#5CC8F0; text-shadow: 0 2px 30px rgba(0,148,215,0.35);\">\n <span class=\"block hero-text overflow-hidden\"><span class=\"block translate-y-full\">GET EARLY<\/span><\/span>\n <span class=\"block hero-text overflow-hidden\"><span class=\"block translate-y-full\">ACCESS<\/span><\/span>\n <\/h1>\n <p class=\"mt-10 text-sm md:text-lg font-semibold leading-relaxed max-w-lg mx-auto opacity-0 hero-fade\">\n We’re inviting NYC diners to test a new restaurant booking app. Try it, share your experience, and get paid.\n <\/p>\n <a href=\"#signup\" class=\"inline-block mt-10 opacity-0 hero-fade\">\n <span class=\"btn-submit\">Sign Up <span>→<\/span><\/span>\n <\/a>\n <\/div>\n <div class=\"absolute bottom-10 w-full flex flex-col items-center gap-3 text-center text-white opacity-50 text-xs tracking-[0.3em] uppercase hero-fade\" style=\"opacity:0\">\n <span>Scroll to learn more<\/span>\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"animate-bounce\"><path d=\"M12 5v14\"\/><path d=\"M19 12l-7 7-7-7\"\/><\/svg>\n <\/div>\n <\/section>\n\n \n <section class=\"py-28 md:py-36 px-6 bg-[var(--c-bg)]\">\n <div style=\"max-width:1100px\" class=\"mx-auto\">\n <div class=\"text-center mb-14\">\n <div class=\"text-[0.65rem] uppercase tracking-[0.4em] font-extrabold text-[var(--c-primary)] mb-4\">What you’ll get<\/div>\n <h2 class=\"text-2xl md:text-4xl tracking-tight font-extrabold text-[var(--c-dark)]\">More than a test.<\/h2>\n <p class=\"mt-4 text-base text-gray-700 font-medium max-w-md mx-auto\">Here’s what’s in it for you when you join the program.<\/p>\n <\/div>\n <div class=\"grid md:grid-cols-3 gap-8\">\n <div class=\"benefit-card p-10 bg-white rounded-2xl border border-gray-100 shadow-sm hover:shadow-xl hover:-translate-y-2 transition-all duration-500 cursor-default group\">\n <div class=\"w-16 h-16 rounded-2xl bg-[var(--c-primary)]\/10 flex items-center justify-center mb-6 group-hover:bg-[var(--c-primary)] group-hover:scale-110 transition-all duration-500\">\n <span class=\"text-2xl font-extrabold text-[var(--c-primary)] group-hover:text-white transition-colors duration-500\">$<\/span>\n <\/div>\n <div class=\"text-lg font-bold mb-1 text-[var(--c-dark)]\">$250 Cash Compensation<\/div>\n <p class=\"text-sm text-gray-600 font-normal leading-relaxed\">Earned upon completing all required activities, including bookings, dining, and brief reports.<\/p>\n <\/div>\n <div class=\"benefit-card p-10 bg-white rounded-2xl border border-gray-100 shadow-sm hover:shadow-xl hover:-translate-y-2 transition-all duration-500 cursor-default group\">\n <div class=\"w-16 h-16 rounded-2xl bg-[var(--c-primary)]\/10 flex items-center justify-center mb-6 group-hover:bg-[var(--c-primary)] group-hover:scale-110 transition-all duration-500\">\n <svg class=\"w-7 h-7 text-[var(--c-primary)] group-hover:text-white transition-colors duration-500\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"\/><\/svg>\n <\/div>\n <div class=\"text-lg font-bold mb-1 text-[var(--c-dark)]\">Limited Spots<\/div>\n <p class=\"text-sm text-gray-600 font-normal leading-relaxed\">Be among the first to try a new restaurant reservation app before its public launch.<\/p>\n <\/div>\n <div class=\"benefit-card p-10 bg-white rounded-2xl border border-gray-100 shadow-sm hover:shadow-xl hover:-translate-y-2 transition-all duration-500 cursor-default group\">\n <div class=\"w-16 h-16 rounded-2xl bg-[var(--c-primary)]\/10 flex items-center justify-center mb-6 group-hover:bg-[var(--c-primary)] group-hover:scale-110 transition-all duration-500\">\n <svg class=\"w-7 h-7 text-[var(--c-primary)] group-hover:text-white transition-colors duration-500\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z\"\/><\/svg>\n <\/div>\n <div class=\"text-lg font-bold mb-1 text-[var(--c-dark)]\">Influence the Product<\/div>\n <p class=\"text-sm text-gray-600 font-normal leading-relaxed\">Your input will directly shape improvements to the app experience.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-28 md:py-36 px-6 md:px-20\" style=\"background: var(--c-navy-deep);\">\n <div class=\"grid md:grid-cols-2 gap-16 max-w-[1400px] mx-auto\">\n <div>\n <div class=\"text-[0.65rem] uppercase tracking-[0.4em] font-extrabold mb-5\" style=\"color: var(--c-accent-soft);\">The Opportunity<\/div>\n \n <h3 class=\"text-2xl md:text-[2.6rem] leading-tight font-extrabold tracking-tight text-white\">\n Dine out in NYC? <br><span style=\"color: var(--c-accent-soft);\">We want your take.<\/span>\n <\/h3>\n <\/div>\n <div class=\"text-base md:text-lg font-normal leading-relaxed flex flex-col justify-center\">\n <div class=\"section-divider mb-5\"><\/div>\n <p class=\"split-animate\" style=\"color: rgba(255,255,255,0.8);\">We’re building something new for NYC diners who book restaurants regularly and care about the experience. Before launch, we’re inviting a small group to help shape it.<\/p>\n <div class=\"h-px w-full my-8\" style=\"background: rgba(255,255,255,0.1);\"><\/div>\n <div class=\"flex gap-8 text-[0.65rem] uppercase tracking-[0.25em] font-bold\" style=\"color: rgba(255,255,255,0.5);\">\n <div class=\"flex items-center gap-2\"><span class=\"meta-dot\"><\/span>NYC metro area<\/div>\n <div class=\"flex items-center gap-2\"><span class=\"meta-dot\"><\/span>Invite only<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"form-section pt-28 pb-12 md:pt-36 md:pb-16 px-6\" id=\"signup\">\n <div class=\"form-wrap\">\n <div class=\"text-center mb-16 fade-section\">\n <h2 class=\"text-2xl md:text-4xl tracking-tight font-extrabold\">Apply Now<\/h2>\n <p class=\"mt-4 text-sm text-gray-600 font-semibold max-w-md mx-auto\">Fill out the form below. Selected participants will be contacted shortly.<\/p>\n <\/div>\n <div class=\"form-border\">\n <div data-tf-live=\"01KNN3QHPQW85M85HKE8W9MEK9\"><\/div>\n <script src=\"\/\/embed.typeform.com\/next\/embed.js\"><\/script>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-20 bg-[var(--c-bg)] text-center flex flex-col items-center justify-center px-6\">\n <div class=\"fade-section flex flex-col items-center\">\n <h2 class=\"text-xl md:text-3xl tracking-tight font-extrabold mb-6\">Have questions?<\/h2>\n <div class=\"section-divider mt-6\"><\/div>\n <\/div>\n <\/section>\n\n<\/div>\n\n\n<footer class=\"footer-sticky px-6\">\n <div class=\"relative z-10 text-center\">\n <div class=\"text-sm uppercase tracking-[0.4em] mb-5 text-white\/70 font-bold\">Ready to join?<\/div>\n <a href=\"#signup\" class=\"display text-[clamp(2rem,7vw,5rem)] leading-none tracking-tighter font-bold footer-cta\">\n Apply Now\n <\/a>\n <div class=\"flex justify-center mt-12\">\n <div class=\"section-divider\"><\/div>\n <\/div>\n <\/div>\n <div class=\"absolute inset-0 bg-gradient-to-t from-[#0a1a3a] via-[#0a1a3a]\/90 to-[#0a1a3a]\/70 pointer-events-none\"><\/div>\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1550966871-3ed3cdb51f3a?w=1920&q=60\" class=\"absolute inset-0 w-full h-full object-cover opacity-10 pointer-events-none grayscale\" alt=\"SIS International Market Research & Strategy\" loading=\"lazy\">\n<\/footer>\n\n<script>\nconst lenis = new Lenis({\n duration: 1.2,\n easing: t => Math.min(1, 1.001 - Math.pow(2, -10 * t)),\n direction: 'vertical', smooth: true,\n});\nfunction raf(time) { lenis.raf(time); requestAnimationFrame(raf); }\nrequestAnimationFrame(raf);\n\ngsap.registerPlugin(ScrollTrigger);\n\nfunction splitTextToWords(el) {\n const words = el.innerText.split(' ');\n el.innerHTML = '';\n words.forEach(w => {\n const wrap = document.createElement('span');\n wrap.classList.add('word-wrap');\n wrap.innerHTML = '<span class=\"word-inner\">' + w + ' <\/span>';\n el.appendChild(wrap);\n });\n}\ndocument.querySelectorAll('.split-animate').forEach(splitTextToWords);\n\ngsap.to('#progressLine', {\n height: '100%', ease: 'none',\n scrollTrigger: { trigger: '.wrapper', start: 'top top', end: 'bottom bottom', scrub: true }\n});\n\nvar heroImg = document.querySelector('.hero-img');\nvar heroReady = new Promise(function(resolve) {\n if (heroImg.complete && heroImg.naturalWidth > 0) {\n heroImg.classList.add('loaded');\n resolve();\n } else {\n heroImg.addEventListener('load', function() { heroImg.classList.add('loaded'); resolve(); });\n heroImg.addEventListener('error', resolve);\n }\n});\nvar minLoaderTime = new Promise(function(resolve) { setTimeout(resolve, 800); });\n\nvar barTl = gsap.timeline();\nbarTl.to('.loader-bar', { width: '100%', duration: 1.4, ease: 'power2.inOut' });\n\nPromise.all([heroReady, minLoaderTime, barTl.then()]).then(function() {\n var exitTl = gsap.timeline({\n onComplete: function() { document.body.style.opacity = 1; initSite(); }\n });\n exitTl.to('.loader-text, .loader-sub', { y: -30, opacity: 0, duration: 0.4, stagger: 0.08 })\n .to('.loader', { yPercent: -100, duration: 0.8, ease: 'power4.inOut' });\n});\n\nfunction initSite() {\n gsap.to('.hero-text span', { y: 0, stagger: 0.12, duration: 1.4, ease: 'power4.out' });\n gsap.to('.hero-fade', { opacity: 1, duration: 1, delay: 0.5, stagger: 0.15 });\n gsap.to('.hero-img', {\n yPercent: 20, ease: 'none',\n scrollTrigger: { trigger: '.hero-img', start: 'top top', end: 'bottom top', scrub: true }\n });\n\n gsap.to('.hero-glow', {\n scale: 1.15, opacity: 0.7, duration: 4, ease: 'sine.inOut', repeat: -1, yoyo: true\n });\n\n document.querySelectorAll('.split-animate').forEach(function(el) {\n gsap.to(el.querySelectorAll('.word-inner'), {\n y: '0%', duration: 0.8, ease: 'power3.out', stagger: 0.02,\n scrollTrigger: { trigger: el, start: 'top 88%', toggleActions: 'play none none reverse' }\n });\n });\n\n var cards = gsap.utils.toArray('.card-item');\n cards.forEach(function(card, i) {\n if (cards[i + 1]) {\n gsap.to(card.querySelector('.card-inner'), {\n scale: 0.92, opacity: 0.25, ease: 'none',\n scrollTrigger: { trigger: cards[i + 1], start: 'top bottom', end: 'top 15vh', scrub: true }\n });\n }\n });\n gsap.from('.footer-sticky > div', {\n y: 60, opacity: 0, scale: 0.95,\n scrollTrigger: { trigger: '.footer-sticky', start: 'top bottom', end: 'bottom bottom', scrub: true }\n });\n\n var benefitObserver = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n var allCards = document.querySelectorAll('.benefit-card');\n allCards.forEach(function(card, i) {\n card.style.transitionDelay = (i * 0.15) + 's';\n card.classList.add('visible');\n });\n benefitObserver.unobserve(entry.target);\n }\n });\n }, { threshold: 0.2 });\n var firstBenefit = document.querySelector('.benefit-card');\n if (firstBenefit) benefitObserver.observe(firstBenefit);\n\n var fadeObserver = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n fadeObserver.unobserve(entry.target);\n }\n });\n }, { threshold: 0.15 });\n document.querySelectorAll('.fade-section').forEach(function(el) {\n fadeObserver.observe(el);\n });\n}\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>NYC Dining App \u2014 Early Access Program EARLY ACCESS NYC Dining App Test Program Sign Up GET EARLY ACCESS We’re inviting NYC diners to test a new restaurant booking app. Try it, share your experience, and get paid. Sign Up → Scroll to learn more What you’ll get More than a test. Here’s what’s in … <a title=\"New Interlink landing page\" class=\"read-more\" href=\"https:\/\/www.sisinternational.com\/pt\/nyc-diners-test\/\" aria-label=\"Read more about New Interlink landing page\">Leia mais<\/a><\/p>","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"blank-slate-template.php","meta":{"footnotes":""},"class_list":["post-85246","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/www.sisinternational.com\/pt\/wp-json\/wp\/v2\/pages\/85246","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sisinternational.com\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.sisinternational.com\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.sisinternational.com\/pt\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sisinternational.com\/pt\/wp-json\/wp\/v2\/comments?post=85246"}],"version-history":[{"count":16,"href":"https:\/\/www.sisinternational.com\/pt\/wp-json\/wp\/v2\/pages\/85246\/revisions"}],"predecessor-version":[{"id":85380,"href":"https:\/\/www.sisinternational.com\/pt\/wp-json\/wp\/v2\/pages\/85246\/revisions\/85380"}],"wp:attachment":[{"href":"https:\/\/www.sisinternational.com\/pt\/wp-json\/wp\/v2\/media?parent=85246"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}