16:I[93868,["/_next/static/immutable/chunks/2corl6wyj4669.js","/_next/static/immutable/chunks/2r9agnxfz0dgn.js","/_next/static/immutable/chunks/3vt9879i9o1qi.js","/_next/static/immutable/chunks/42cd-avugkamk.js"],"TemplatePreview"] 1b:I[27201,["/_next/static/immutable/chunks/2corl6wyj4669.js"],"IconMark"] 17:T255c,

You are invited

{{bride_name}}&{{groom_name}}

Two lives

Of all the moments

in all the years,

they found this one

— together.

The couple

{{bride_name}} and {{groom_name}} — {{bride_name}}&{{groom_name}}

Two souls, and a single story from here.

The day

As the afternoon softens into evening

The countdown

—Days

—Hours

—Minutes

—Seconds

Until they say “I do”

Save the date

Keep this celebration close.

Google Calendar

The programme

The venue

Indicative location

Get Directions

Kindly respond

18:T3c45, @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap'); :root{ --ivory:#F6F1E7;--pearl:#FBF8F1;--vellum:#E7DECC;--ink:#2A2420;--taupe:#6E6355; --gold:#B08D57;--champ:#E4C9A0;--bronze:#171310; --ease:cubic-bezier(0.22,1,0.36,1); } *{margin:0;padding:0;box-sizing:border-box} html{scroll-behavior:smooth} body{background:var(--bronze);color:var(--ink);font-family:'Cormorant Garamond',Georgia,serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden} img{display:block;max-width:100%} .v-root{position:relative} /* Atmosphere — the inverting world */ .v-sky{position:fixed;inset:0;z-index:0;background-color:var(--bronze);will-change:background-color} .v-grain{position:fixed;inset:-10%;z-index:1;pointer-events:none;opacity:.05;mix-blend-mode:soft-light; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='150' height='150' filter='url(%23n)'/%3E%3C/svg%3E")} .v-vignette{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:0;background:radial-gradient(115% 90% at 50% 46%,transparent 40%,rgba(10,7,5,.6) 100%)} .v-flood{position:fixed;inset:0;z-index:6;pointer-events:none;opacity:0;mix-blend-mode:screen; background:radial-gradient(115% 80% at 50% 46%,rgba(255,248,235,.98) 0%,rgba(242,224,193,.72) 32%,rgba(228,201,160,.3) 56%,transparent 80%)} /* Wick rail */ .v-rail{position:fixed;left:clamp(14px,4vw,44px);top:19vh;height:62vh;width:1px;z-index:4;pointer-events:none} .v-rail-track{position:absolute;inset:0;width:1px;background:linear-gradient(to bottom,transparent,rgba(176,141,87,.28) 12%,rgba(176,141,87,.28) 88%,transparent)} .v-rail-bead{position:absolute;left:-3.5px;top:0;width:8px;height:8px;margin-top:-4px;border-radius:50%; background:radial-gradient(circle,#F2E4C8 0%,#E4C9A0 45%,rgba(176,141,87,.4) 75%,transparent);box-shadow:0 0 12px 2px rgba(228,201,160,.55);animation:vbead 3.2s var(--ease) infinite} @keyframes vbead{0%,100%{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.18)}} /* Load screen */ .v-load{position:fixed;inset:0;z-index:40;display:grid;place-items:center;background:var(--bronze);transition:opacity 1s var(--ease),visibility 1s} .v-load.done{opacity:0;visibility:hidden} .v-load .v-crest{width:150px} /* Section frame */ .v-act{position:relative;z-index:2;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:96px 8vw;color:var(--ink)} .v-dark{color:var(--ivory)} .v-r{opacity:0;transform:translateY(26px);filter:blur(8px);transition:opacity 1.2s var(--ease),transform 1.2s var(--ease),filter 1.2s var(--ease)} .v-r.in{opacity:1;transform:none;filter:none} /* Shared type */ .v-kicker,.v-eyebrow{font-weight:500;letter-spacing:.44em;text-transform:uppercase;padding-left:.44em;color:var(--gold);font-size:clamp(.6rem,2.1vw,.72rem)} .v-eyebrow{color:#EDE4D2;font-size:clamp(.72rem,2.4vw,.95rem);letter-spacing:.42em;padding-left:.42em;text-shadow:0 0 26px rgba(228,201,160,.22)} .v-gold{color:var(--gold)} .v-names{font-weight:300;font-size:clamp(2.3rem,9vw,5rem);line-height:1.02;letter-spacing:.015em} .v-amp{font-style:italic;color:var(--gold);padding:0 .26em} .v-rule{display:inline-flex;align-items:center;gap:10px} .v-rule i{display:block;height:1px;width:64px} .v-rule i:first-child{background:linear-gradient(to right,transparent,rgba(176,141,87,.55))} .v-rule i:last-child{background:linear-gradient(to left,transparent,rgba(176,141,87,.55))} .v-rule b{width:5px;height:5px;transform:rotate(45deg);background:var(--gold);box-shadow:0 0 8px rgba(176,141,87,.5)} /* Crest */ .v-crest{width:clamp(148px,30vmin,220px);height:auto;overflow:visible;filter:drop-shadow(0 0 14px rgba(176,141,87,.18))} .v-crest-frame,.v-crest-sprig{fill:none;stroke:var(--gold);stroke-width:1;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke} .v-crest-i{fill:var(--gold);font-family:'Cormorant Garamond',serif;font-weight:400;font-size:60px} /* Hero */ .v-hero{overflow:hidden} .v-candle,.v-flame{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;margin-top:-4vh;overflow:hidden} .v-halo{position:absolute;width:122vmin;height:122vmin;border-radius:50%;mix-blend-mode:screen;filter:blur(30px); background:radial-gradient(circle,rgba(176,141,87,.12) 0%,rgba(176,141,87,.045) 38%,transparent 70%);animation:vbreathe 4.6s ease-in-out infinite} .v-core{position:absolute;width:80vmin;height:80vmin;border-radius:50%;mix-blend-mode:screen;filter:blur(4px); background:radial-gradient(circle,rgba(228,201,160,.82) 0%,rgba(228,201,160,.32) 10%,rgba(176,141,87,.16) 25%,transparent 62%);animation:vbreathe 4.6s ease-in-out infinite} @keyframes vbreathe{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.035);opacity:.9}} .v-hero-in{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;margin-top:-4vh} .v-hero .v-crest{margin-bottom:2.2rem} .v-hero-date{margin-top:1.4rem;font-weight:400;letter-spacing:.18em;font-size:clamp(.95rem,3.4vw,1.2rem);color:#CDBFA6} .v-scroll{position:absolute;bottom:calc(env(safe-area-inset-bottom,0px) + 2.4rem);z-index:2;width:5px;height:52px;display:flex;justify-content:center} .v-scroll span{width:5px;height:5px;border-radius:50%;background:radial-gradient(circle,var(--champ),var(--gold) 60%,transparent);box-shadow:0 0 10px 1px rgba(228,201,160,.5);animation:vcue 2.6s ease-in-out infinite} @keyframes vcue{0%,100%{opacity:.35;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}} /* Verse */ .v-verse-lines{margin:2.2rem 0 2.6rem;max-width:20ch} .v-verse-lines p{font-style:italic;font-weight:300;font-size:clamp(1.7rem,7vw,3rem);line-height:1.22;color:var(--ink)} /* Couple cover */ .v-couple .v-kicker{margin-bottom:2.2rem} .v-cover{position:relative;width:min(86vw,452px);aspect-ratio:3/4;border-radius:3px;overflow:hidden;box-shadow:0 40px 80px -40px rgba(42,36,32,.5),0 2px 10px rgba(42,36,32,.12)} .v-cover-field{position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 24%,#C9B79A 0%,#A98F6E 42%,#6E5844 100%)} .v-cover-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.02) brightness(1.02) sepia(.1)} .v-cover-tint{position:absolute;inset:0;background:rgba(176,141,87,.14);mix-blend-mode:soft-light} .v-cover-scrim-t{position:absolute;inset:0 0 auto;height:32%;background:linear-gradient(to bottom,rgba(23,19,16,.5),transparent)} .v-cover-scrim-b{position:absolute;inset:auto 0 0;height:62%;background:linear-gradient(to top,rgba(23,19,16,.82),transparent)} .v-cover-frame{position:absolute;inset:14px;border:1px solid rgba(246,241,231,.32);border-radius:1px} .v-cover-mast{position:absolute;top:2rem;left:0;right:0;text-align:center;font-weight:500;font-size:clamp(.52rem,2.2vw,.64rem);letter-spacing:.42em;text-transform:uppercase;padding-left:.42em;color:rgba(246,241,231,.82)} .v-cover-cap{position:absolute;left:0;right:0;bottom:0;padding:0 1.6rem 2.4rem} .v-cover-names{font-weight:300;font-size:clamp(2.1rem,9vw,3.2rem);line-height:1.02;color:var(--ivory);text-shadow:0 2px 24px rgba(0,0,0,.4)} .v-cover-names .v-amp{color:var(--champ)} .v-cover-quote{margin-top:1rem;font-style:italic;font-weight:300;font-size:clamp(.95rem,3.8vw,1.15rem);color:rgba(237,228,210,.9)} /* The day */ .v-day-in{display:flex;flex-direction:column;align-items:center;gap:0} .v-weekday{margin-top:1.5rem;font-weight:500;letter-spacing:.42em;text-transform:uppercase;padding-left:.42em;color:var(--taupe);font-size:clamp(.82rem,3vw,1.05rem)} .v-day .v-rule{margin:1.4rem 0} .v-daynum{font-weight:200;font-size:clamp(6rem,32vw,14rem);line-height:.92;letter-spacing:-.01em;color:var(--ink)} .v-month{margin-top:-.1em;font-style:italic;font-weight:300;font-size:clamp(2rem,9vw,3.6rem);letter-spacing:.02em;color:var(--gold)} .v-year{font-weight:500;letter-spacing:.34em;padding-left:.34em;color:var(--taupe);font-size:clamp(.9rem,3vw,1.1rem)} .v-day-note{margin-top:1.2rem;max-width:22ch;font-style:italic;font-weight:300;font-size:clamp(1.05rem,4.4vw,1.5rem);line-height:1.4;color:var(--taupe)} /* Countdown */ .v-count .v-kicker{margin-bottom:2.4rem} .v-count-grid{display:grid;grid-template-columns:repeat(4,1fr);width:100%;max-width:560px} .v-unit{display:flex;flex-direction:column;align-items:center} .v-unit+.v-unit{border-left:1px solid rgba(176,141,87,.24)} .v-num{font-weight:300;font-size:clamp(2.6rem,13vw,5rem);line-height:1;color:var(--ink);font-variant-numeric:tabular-nums;text-shadow:0 1px 0 rgba(255,255,255,.65),0 -1px 1px rgba(42,36,32,.14);transition:opacity .4s var(--ease)} .v-ulab{margin-top:.9rem;font-weight:500;letter-spacing:.24em;text-transform:uppercase;padding-left:.24em;color:var(--taupe);font-size:clamp(.54rem,2vw,.68rem)} .v-count-note{margin-top:2rem;font-style:italic;font-weight:300;font-size:clamp(1.05rem,4.4vw,1.5rem);color:var(--taupe)} .v-count .v-rule{margin:3rem 0} .v-save{display:flex;flex-direction:column;align-items:center} .v-save-line{margin:1rem 0 1.8rem;font-weight:300;font-size:clamp(1.2rem,5vw,1.8rem);color:var(--ink)} /* Buttons */ .v-btns{display:flex;flex-direction:column;gap:14px} @media(min-width:560px){.v-btns{flex-direction:row;gap:16px}} .v-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;padding:.95rem 1.7rem;border:1px solid rgba(176,141,87,.55);border-radius:2px;background:transparent;cursor:pointer;text-decoration:none} .v-btn-fill{position:absolute;inset:0;transform:scaleY(0);transform-origin:bottom;opacity:0;background:linear-gradient(180deg,#E4C9A0,#B08D57);transition:transform .55s var(--ease),opacity .55s var(--ease)} .v-btn-t{position:relative;font-weight:500;font-size:clamp(.66rem,2.3vw,.78rem);letter-spacing:.28em;text-transform:uppercase;padding-left:.28em;color:var(--ink);transition:color .55s var(--ease)} .v-btn:hover .v-btn-fill,.v-btn:focus-visible .v-btn-fill{transform:scaleY(1);opacity:1} .v-btn:hover .v-btn-t,.v-btn:focus-visible .v-btn-t{color:#20160C} /* Programme */ .v-prog .v-kicker{margin-bottom:2.4rem} .v-prog-list{display:flex;flex-direction:column;gap:2.6rem;width:100%;max-width:520px} .v-prog-item{display:flex;flex-direction:column;align-items:center;gap:.5rem} .v-prog-name{font-weight:500;letter-spacing:.34em;text-transform:uppercase;padding-left:.34em;color:var(--gold);font-size:clamp(.7rem,2.5vw,.85rem)} .v-prog-date{font-weight:400;font-size:clamp(1.2rem,5vw,1.6rem);color:var(--ink)} .v-prog-time{font-style:italic;font-weight:300;font-size:clamp(1.05rem,4.4vw,1.45rem);color:var(--taupe)} /* Venue */ .v-venue .v-kicker{margin-bottom:1.5rem} .v-venue-name{font-weight:300;font-size:clamp(2.4rem,11vw,5rem);line-height:1.02;color:var(--ink);max-width:16ch} .v-venue-addr{margin-top:1.2rem;font-weight:300;font-style:italic;font-size:clamp(1rem,4vw,1.25rem);line-height:1.5;color:var(--taupe);white-space:pre-line} .v-map{position:relative;margin-top:2.4rem;width:min(90vw,560px);aspect-ratio:5/4;border-radius:18px;overflow:hidden;border:1px solid rgba(176,141,87,.4);box-shadow:0 30px 60px -34px rgba(42,36,32,.45)} .v-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:saturate(.8) contrast(.96) sepia(.06)} /* Dummy venue map — inline SVG, inherits colour from its section. */ .wiw-map{position:absolute;inset:0;width:100%;height:100%;display:block} .wiw-map-wrap{position:relative;overflow:hidden} .wiw-map-note{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:.75rem 1rem;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;opacity:.62;text-align:center} .v-map{color:var(--gold)}.v-map .wiw-map-note{color:var(--gold);opacity:.55} .v-map-ring{position:absolute;inset:0;border-radius:18px;box-shadow:inset 0 0 0 1px rgba(246,241,231,.35);pointer-events:none} .v-venue .v-btn{margin-top:2.2rem} /* RSVP */ .v-rsvp .v-kicker{margin-bottom:1.6rem} .v-rsvp-form{width:100%;max-width:460px} /* The shared RSVP form paints its send button with background:currentColor alongside color:#fff on the same rule — currentColor therefore resolves to white, and the button that completes a "Yes, I'll attend" reply rendered as a blank white block. Dress it as one of this design's own filled buttons: the gold the .v-btn hover fill uses, its hairline border, and dark ink lettering. Scoped to this section, so nothing else is touched. */ .v-rsvp .wiw-rsvp-send{ background:linear-gradient(180deg,#E4C9A0,#B08D57); border:1px solid rgba(176,141,87,.55); border-radius:2px; color:#20160C; font-weight:500; font-size:clamp(.66rem,2.3vw,.78rem); letter-spacing:.28em; text-transform:uppercase; padding:.95rem 1.7rem .95rem calc(1.7rem + .28em); opacity:1 } .v-rsvp .wiw-rsvp-send:hover{opacity:1;filter:brightness(1.06)} /* Farewell */ .v-farewell{min-height:120svh;justify-content:flex-start;padding-top:34vh} .v-fare-in{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center} .v-closing{font-style:italic;font-weight:300;font-size:clamp(1.05rem,4.4vw,1.5rem);color:var(--champ)} .v-fare-names{margin-top:.7rem;text-shadow:0 0 34px rgba(228,201,160,.18)} .v-farewell .v-rule{margin:2rem 0 1.8rem} .v-fare-date{font-weight:400;letter-spacing:.16em;font-size:clamp(.95rem,3.4vw,1.15rem);color:#CDBFA6} @media(prefers-reduced-motion:reduce){ .v-r{opacity:1;transform:none;filter:none;transition:none} .v-halo,.v-core,.v-rail-bead,.v-scroll span{animation:none} } /* ── Mobile spacing ───────────────────────────────────────────────────────── On a wide screen each act fills a viewport and its content roughly fills the act. On a phone the same 100svh acts wrap a few lines of type in hundreds of pixels of empty paper. Below 640px the acts size to their content instead, with generous but bounded padding; the opening (hero) keeps its full screen. Desktop rules above are untouched. */ @media (max-width: 640px){ .v-act{min-height:0;padding:4.5rem 7vw} .v-hero{min-height:100svh;padding:5rem 7vw} .v-hero-in{margin-top:-2vh} .v-hero .v-crest{margin-bottom:1.5rem} .v-hero-date{margin-top:1rem} .v-verse-lines{margin:1.5rem 0 1.8rem} .v-couple .v-kicker,.v-count .v-kicker,.v-prog .v-kicker{margin-bottom:1.5rem} .v-weekday{margin-top:1rem} .v-day .v-rule{margin:1rem 0} .v-day-note{margin-top:.9rem} .v-count .v-rule{margin:1.8rem 0} .v-count-note{margin-top:1.4rem} .v-save-line{margin:.7rem 0 1.2rem} .v-prog-list{gap:1.7rem} .v-venue .v-kicker{margin-bottom:1.1rem} .v-venue-addr{margin-top:.9rem} .v-map{margin-top:1.6rem} .v-venue .v-btn{margin-top:1.6rem} .v-rsvp .v-kicker{margin-bottom:1.2rem} /* The farewell stays tall enough for the scroll-driven return to night (see frame() in the script: it completes ~0.85 viewports past the farewell's top) — shorter, and the sky would stall half-lit at the end. */ .v-farewell{min-height:88svh;padding:24vh 7vw 5.5rem} .v-fare-names{margin-top:.5rem} .v-farewell .v-rule{margin:1.4rem 0 1.2rem} } 19:T1b55, (function(){ var root=document.querySelector('.v-root'); if(!root)return; var d=root.dataset; var months=['January','February','March','April','May','June','July','August','September','October','November','December']; var days=['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday']; function parseDate(v){var m=/^(\d{4})-(\d{2})-(\d{2})/.exec(v||'');return m?new Date(+m[1],+m[2]-1,+m[3]):null;} function fmtDate(v){var dt=parseDate(v);if(!dt)return v||'';return days[dt.getDay()]+', '+dt.getDate()+' '+months[dt.getMonth()]+' '+dt.getFullYear();} function fmtTime(v){var m=/^(\d{1,2}):(\d{2})/.exec(v||'');if(!m)return v||'';var h=+m[1],ap=h>=12?'PM':'AM';h=h%12||12;return h+':'+m[2]+' '+ap;} // Crest initials from the couple's names. var bi=(d.bride||'').trim().charAt(0).toUpperCase(); var gi=(d.groom||'').trim().charAt(0).toUpperCase(); document.querySelectorAll('[data-initial="bride"]').forEach(function(el){el.textContent=bi;}); document.querySelectorAll('[data-initial="groom"]').forEach(function(el){el.textContent=gi;}); // Formatted dates & times. document.querySelectorAll('.js-date').forEach(function(el){el.textContent=fmtDate(el.getAttribute('data-date'));}); document.querySelectorAll('.js-time').forEach(function(el){el.textContent=fmtTime(el.getAttribute('data-time'));}); // The Day — split into parts. var wd=parseDate(d.date); if(wd){ var setTxt=function(sel,t){document.querySelectorAll(sel).forEach(function(el){el.textContent=t;});}; setTxt('.js-weekday',days[wd.getDay()]); setTxt('.js-daynum',String(wd.getDate())); setTxt('.js-month',months[wd.getMonth()]); setTxt('.js-year',String(wd.getFullYear())); } // Countdown. var grid=document.querySelector('.v-count-grid'); if(grid && wd){ var target=new Date(wd.getFullYear(),wd.getMonth(),wd.getDate(),15,0,0).getTime(); var els={};['days','hours','minutes','seconds'].forEach(function(u){els[u]=grid.querySelector('[data-u="'+u+'"]');}); var pad=function(n){return n<10?'0'+n:''+n;}; var last={}; function tick(){ var diff=Math.max(0,target-Date.now());var s=Math.floor(diff/1000); var v={days:Math.floor(s/86400),hours:Math.floor(s%86400/3600),minutes:Math.floor(s%3600/60),seconds:s%60}; ['days','hours','minutes','seconds'].forEach(function(u){ var txt=u==='days'?String(v[u]):pad(v[u]); if(els[u]&&last[u]!==txt){els[u].textContent=txt;els[u].style.opacity='.35';requestAnimationFrame(function(){requestAnimationFrame(function(){els[u].style.opacity='1';});});last[u]=txt;} }); if(diff<=0&&window._vc){clearInterval(window._vc);} } tick();window._vc=setInterval(tick,1000); } // Save the date — Google + Apple (.ics). (function(){ function stamp(ms){return new Date(ms).toISOString().replace(/[-:]/g,'').replace(/\.\d{3}/,'');} var names=[(d.bride||''),(d.groom||'')].filter(Boolean).join(' & '); var title='The Wedding of '+(names||'Us'); var loc=[d.venue,d.address].filter(Boolean).join(', '); var start=null,end=null; if(wd){start=new Date(wd.getFullYear(),wd.getMonth(),wd.getDate(),15,0,0).getTime();end=start+5*3600*1000;} var details='Together with their families, '+(names||'the couple')+' warmly invite you to witness the beginning of forever.'; var g=document.querySelector('.js-gcal'); if(g&&start){ var p=new URLSearchParams({action:'TEMPLATE',text:title,dates:stamp(start)+'/'+stamp(end),details:details,location:loc}); g.setAttribute('href','https://calendar.google.com/calendar/render?'+p.toString()); } var ics=document.querySelector('.js-ics'); if(ics&&start){ ics.addEventListener('click',function(){ var esc=function(s){return String(s||'').replace(/\\/g,'\\\\').replace(/;/g,'\\;').replace(/,/g,'\\,').replace(/\n/g,'\\n');}; var body=['BEGIN:VCALENDAR','VERSION:2.0','PRODID:-//WeddingInWhites//Vow//EN','BEGIN:VEVENT','UID:'+stamp(start)+'-vow@invitation','DTSTAMP:'+stamp(start),'DTSTART:'+stamp(start),'DTEND:'+stamp(end),'SUMMARY:'+esc(title),'DESCRIPTION:'+esc(details),'LOCATION:'+esc(loc),'END:VEVENT','END:VCALENDAR'].join('\r\n'); var blob=new Blob([body],{type:'text/calendar;charset=utf-8'});var url=URL.createObjectURL(blob); var a=document.createElement('a');a.href=url;a.download='celebration.ics';document.body.appendChild(a);a.click();document.body.removeChild(a); setTimeout(function(){URL.revokeObjectURL(url);},1000); }); } })(); // Venue map + directions. (function(){ var q=(d.address||d.venue||'').replace(/\n/g,', ').trim(); var frame=document.querySelector('.js-map'); if(frame&&q){frame.src='https://www.google.com/maps?q='+encodeURIComponent(q)+'&z=14&output=embed';} var dir=document.querySelector('.js-dir'); if(dir){dir.href=(d.map&&d.map.trim())?d.map:('https://www.google.com/maps/dir/?api=1&destination='+encodeURIComponent(q||'')); } })(); // Scroll-driven inversion (night -> paper -> night), flood & wick. var sky=document.querySelector('.v-sky'),flood=document.querySelector('.v-flood'),vig=document.querySelector('.v-vignette'),bead=document.querySelector('.v-rail-bead'); var hero=document.querySelector('.v-hero'),farewell=document.querySelector('.v-farewell'); function clamp(n,a,b){return Math.max(a,Math.min(b,n));} function hex(a,b,t){function h(x){return[parseInt(x.substr(1,2),16),parseInt(x.substr(3,2),16),parseInt(x.substr(5,2),16)];}var A=h(a),B=h(b);return 'rgb('+Math.round(A[0]+(B[0]-A[0])*t)+','+Math.round(A[1]+(B[1]-A[1])*t)+','+Math.round(A[2]+(B[2]-A[2])*t)+')';} var BRONZE='#171310',IVORY='#F6F1E7'; function frame(){ var y=window.scrollY||window.pageYOffset,vh=window.innerHeight; var hb=hero?hero.offsetHeight:vh; var ft=farewell?farewell.offsetTop:document.body.scrollHeight; var lin=clamp((y-hb*0.35)/(hb*0.55),0,1); var lout=clamp((y-(ft-vh*0.85))/(vh*0.7),0,1); var light=lin*(1-lout); if(sky)sky.style.backgroundColor=hex(BRONZE,IVORY,light); if(flood)flood.style.opacity=(lin*(1-lin)*4*0.92*(1-lout)).toFixed(3); if(vig)vig.style.opacity=(clamp(1-lin*2,0,1)*0.85 + lout*0.9).toFixed(3); var doc=document.documentElement.scrollHeight-vh; if(bead)bead.style.top=clamp(doc?y/doc:0,0,1)*100+'%'; } frame();window.addEventListener('scroll',frame,{passive:true});window.addEventListener('resize',frame); // Reveal on scroll. var io=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target);}});},{threshold:.16}); document.querySelectorAll('.v-r').forEach(function(el){io.observe(el);}); // Lift the load screen. window.addEventListener('load',function(){var l=document.querySelector('.v-load');if(l)setTimeout(function(){l.classList.add('done');},600);}); setTimeout(function(){var l=document.querySelector('.v-load');if(l)l.classList.add('done');},2200); })(); 8:["$","main",null,{"className":"flex min-h-screen flex-col bg-cream font-body text-espresso","children":[["$","header",null,{"className":"sticky top-0 z-20 border-b border-espresso/10 bg-cream/85 backdrop-blur-md","children":["$","div",null,{"className":"mx-auto flex max-w-6xl items-center justify-between gap-3 px-4 py-3 sm:px-6","children":[["$","$L7",null,{"href":"/templates","className":"inline-flex items-center gap-2 font-body text-sm font-medium text-espresso/70 transition hover:text-espresso","children":[["$","$L2",null,{"ref":"$undefined","iconNode":[["path",{"d":"m12 19-7-7 7-7","key":"1l729n"}],["path",{"d":"M19 12H5","key":"x3x0zl"}]],"className":"lucide-arrow-left h-4 w-4"}]," All designs"]}],["$","span",null,{"className":"truncate font-body text-sm font-bold tracking-tight text-espresso","children":"Vow"}],["$","span",null,{"className":"hidden w-[76px] sm:block","aria-hidden":true}]]}]}],["$","div",null,{"className":"mx-auto w-full max-w-5xl flex-1 px-4 py-5 sm:px-6 sm:py-6","children":["$","div",null,{"className":"h-[calc(100svh-11rem)] min-h-[560px] overflow-hidden rounded-[24px] bg-paper p-3 shadow-[0_20px_60px_-28px_rgba(22,24,28,0.28)]","children":["$","$L16",null,{"html":"$17","css":"$18","js":"$19","values":{"hashtag":"#AishaAndRayan","gallery_1":"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='1100'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23f2dfe0'/%3E%3Cstop offset='1' stop-color='%23c99aa0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='900' height='1100' fill='url(%23g)'/%3E%3C/svg%3E","gallery_2":"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='1100'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23dfe6dc'/%3E%3Cstop offset='1' stop-color='%23b3c3ad'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='900' height='1100' fill='url(%23g)'/%3E%3C/svg%3E","gallery_3":"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='1100'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23f0e4c8'/%3E%3Cstop offset='1' stop-color='%23cba46a'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='900' height='1100' fill='url(%23g)'/%3E%3C/svg%3E","gallery_4":"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='1100'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23e9e6e1'/%3E%3Cstop offset='1' stop-color='%23c3bcb2'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='900' height='1100' fill='url(%23g)'/%3E%3C/svg%3E","gallery_5":"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='1100'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23efe0d6'/%3E%3Cstop offset='1' stop-color='%23cdb4a2'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='900' height='1100' fill='url(%23g)'/%3E%3C/svg%3E","gallery_6":"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='1100'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%232a2740'/%3E%3Cstop offset='1' stop-color='%23574b73'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='900' height='1100' fill='url(%23g)'/%3E%3C/svg%3E","rsvp_note":"Kindly respond by the 20th of November.","bride_name":"Aisha","dress_code":"Formal · Garden Chic","event_list":[{"name":"Wedding","time":"16:30"}],"groom_name":"Rayan","hero_image":"https://images.unsplash.com/photo-1523438885200-e635ba2c371e?auto=format&fit=crop&w=1600&q=80","love_story":"From a chance meeting under monsoon skies to a lifetime of shared dreams — our story has been written in laughter, patience and love. We cannot wait to begin the next chapter surrounded by the people we cherish most.","venue_name":"Villa dei Cedri","event1_name":"Mehndi","event1_time":"Dec 10 · 6:00 PM","event2_name":"Ceremony","event2_time":"Dec 12 · 4:30 PM","event3_name":"Reception","event3_time":"Dec 12 · 8:00 PM","rsvp_handle":"aisha-rayan","story_image":"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='1100'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23dfe6dc'/%3E%3Cstop offset='1' stop-color='%23b3c3ad'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='900' height='1100' fill='url(%23g)'/%3E%3C/svg%3E","event1_venue":"Courtyard Garden","event2_venue":"The Grand Pavilion","event3_venue":"Crystal Hall","family_bride":"Daughter of Mr. & Mrs. Khan","family_groom":"Son of Mr. & Mrs. Ahmed","rsvp_enabled":true,"wedding_date":"2027-08-09","wedding_time":"16:30","venue_address":"Via Regina 2, Cernobbio\nLake Como, Italy","venue_map_url":"https://www.google.com/maps/dir/?api=1&destination=Cernobbio+Lake+Como","couple_display_name":"Aisha & Rayan"},"allowJs":true}]}]}],"$L1a"]}] 11:null 15:[["$","title","0",{"children":"Vow — Preview · WeddingInWhites"}],["$","meta","1",{"name":"description","content":"Create a beautiful wedding website in minutes. Pick a template, add your story, publish your link, and invite your guests."}],["$","link","2",{"rel":"icon","href":"/favicon.ico?favicon.3fpu2ql9ns1a0.ico","sizes":"256x256","type":"image/x-icon"}],["$","$L1b","3",{}]]

{{bride_name}}&{{groom_name}}

{{venue_name}}