17:I[93868,["/_next/static/immutable/chunks/0_wr-y4860vtq.js","/_next/static/immutable/chunks/2c7jxuab5_76i.js","/_next/static/immutable/chunks/2v5ypqmalxzvd.js","/_next/static/immutable/chunks/3vt9879i9o1qi.js"],"TemplatePreview"] 1c:I[27201,["/_next/static/immutable/chunks/2corl6wyj4669.js"],"IconMark"] 18:T1f3b,

{{#if event_type}}{{event_type}}{{else}}Together With Their Families{{/if}}

{{bride_name}} & {{groom_name}}

You Are Cordially Invited

To celebrate our love,
share in our happiness,
and witness the beginning
of our forever.

The Invitation

The Bride{{bride_name}}

❤

The Groom{{groom_name}}

Date{{wedding_date}}

Time{{wedding_time}}

Venue{{venue_name}}

Function{{event_type}}

The Celebrations

A Weekend to Remember

{{name}}
{{#if time}}
{{time}}{{#if venue}} · {{venue}}{{/if}}
{{else}}{{#if venue}}
{{venue}}
{{/if}}{{/if}}

Where the Magic Happens

The Venue

Indicative location

Get Directions

Kindly Respond

Will You Join Us?

Save the Date

Mark Your Calendar

Google Calendar Apple Calendar

19:T4b04, @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,500;1,600&family=Jost:wght@300;400;500;600&display=swap'); :root{--black:#050505;--crimson:#3a0008;--red:#a00018;--gold:#d4af37;--gold-soft:#e8cf7a;--ink:#f5efe6;--mute:rgba(245,239,230,.6);--glass-b:rgba(212,175,55,.18);--ease:cubic-bezier(.16,1,.3,1)} *{margin:0;padding:0;box-sizing:border-box} body{background:var(--black);color:var(--ink);font-family:'Jost',system-ui,sans-serif;font-weight:300;font-size:16px;line-height:1.8;letter-spacing:.015em;-webkit-font-smoothing:antialiased;overflow-x:hidden} img{display:block;max-width:100%} h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600} a{color:inherit;text-decoration:none} ::selection{background:var(--red);color:var(--gold-soft)} .n-gold{background:linear-gradient(176deg,#fff 0%,#f6e4a8 40%,var(--gold-soft) 70%,var(--gold) 100%);-webkit-background-clip:text;background-clip:text;color:transparent} .reveal{opacity:0;transform:translateY(26px);filter:blur(6px);transition:opacity 1.1s var(--ease),transform 1.1s var(--ease),filter 1.1s var(--ease)} .reveal.in{opacity:1;transform:none;filter:none} /* ── Atmosphere ─────────────────────────────────────────── */ .n-atmos{position:fixed;inset:0;z-index:-2;overflow:hidden;background:radial-gradient(1100px 700px at 50% 6%,rgba(160,0,24,.26),transparent 60%),radial-gradient(800px 600px at 84% 108%,rgba(58,0,8,.5),transparent 64%),#050505} .n-embers{position:absolute;inset:0;width:100%;height:100%} .n-keylight{position:absolute;left:50%;top:30%;transform:translate(-50%,-50%);width:70vmax;height:70vmax;background:radial-gradient(circle,rgba(212,175,55,.09),transparent 58%);filter:blur(30px);animation:n-breathe 16s ease-in-out infinite alternate} @keyframes n-breathe{0%{opacity:.6;transform:translate(-52%,-50%) scale(1)}100%{opacity:1;transform:translate(-48%,-46%) scale(1.2)}} .n-vignette{position:absolute;inset:0;background:radial-gradient(130% 105% at 50% 40%,transparent 40%,rgba(0,0,0,.62) 100%)} .n-grain{position:absolute;inset:-50%;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:n-grain 5s steps(6) infinite} @keyframes n-grain{0%,100%{transform:translate(0,0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-4%)}75%{transform:translate(-2%,3%)}} .n-progress{position:fixed;top:0;left:0;height:2px;width:100%;transform:scaleX(0);transform-origin:0 50%;background:linear-gradient(90deg,var(--red),var(--gold));z-index:50} /* ── Section rhythm ─────────────────────────────────────── */ .n-sec{position:relative;padding:clamp(5rem,12vh,8.5rem) clamp(1.5rem,6vw,7rem);display:flex;flex-direction:column;align-items:center;text-align:center} .n-head{max-width:820px;margin:0 auto} .n-over{display:block;font-size:.68rem;letter-spacing:.6em;text-transform:uppercase;color:var(--gold);opacity:.72;padding-left:.6em} .n-head h2{font-size:clamp(2.4rem,7vw,5rem);line-height:1.02;margin-top:1.2rem} .n-hr{display:block;width:0;height:1px;margin:1.8rem auto 0;background:linear-gradient(90deg,transparent,var(--gold),transparent);transition:width 1.4s var(--ease) .2s} .n-hr.in,.reveal.in .n-hr{width:min(280px,60vw)} .in .n-hr{width:min(280px,60vw)} .n-verse{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:500;font-size:clamp(1.15rem,3vw,1.7rem);line-height:1.9;color:rgba(245,239,230,.82);margin:1.6rem auto 0;max-width:28ch} .n-lead{max-width:44ch;margin:1.4rem auto 0;color:var(--mute);letter-spacing:.05em} /* ── Hero ───────────────────────────────────────────────── */ .n-hero{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:6vh clamp(1.5rem,6vw,7rem)} .n-corner{position:absolute;width:30px;height:30px;border:1px solid var(--gold);z-index:2;opacity:0;animation:n-fade 1.6s var(--ease) .3s forwards} .n-corner.tl{top:clamp(1rem,2.6vw,2.4rem);left:clamp(1rem,2.6vw,2.4rem);border-right:none;border-bottom:none} .n-corner.tr{top:clamp(1rem,2.6vw,2.4rem);right:clamp(1rem,2.6vw,2.4rem);border-left:none;border-bottom:none} .n-corner.bl{bottom:clamp(1rem,2.6vw,2.4rem);left:clamp(1rem,2.6vw,2.4rem);border-right:none;border-top:none} .n-corner.br{bottom:clamp(1rem,2.6vw,2.4rem);right:clamp(1rem,2.6vw,2.4rem);border-left:none;border-top:none} @keyframes n-fade{to{opacity:1}} .n-kicker{font-size:.7rem;letter-spacing:.55em;text-transform:uppercase;color:var(--gold);opacity:.75;margin-bottom:1.8rem} .n-names{font-family:'Cormorant Garamond',serif;font-weight:700;line-height:1;font-size:clamp(3.2rem,13vw,9rem);letter-spacing:.01em;filter:drop-shadow(0 6px 42px rgba(212,175,55,.35))} .n-names .n-nm{display:inline-block;color:#f7ead0;text-shadow:0 2px 24px rgba(212,175,55,.55),0 1px 4px rgba(0,0,0,.55)} .n-amp{display:block;font-style:italic;font-weight:600;color:var(--gold);font-size:clamp(1.8rem,5vw,3.4rem);margin:clamp(.7rem,2vh,1.8rem) 0;text-shadow:0 0 26px rgba(212,175,55,.5)} .n-date{margin-top:2.4rem;font-family:'Cormorant Garamond',serif;font-weight:600;font-size:clamp(1.5rem,5vw,2.8rem);letter-spacing:.28em;text-transform:uppercase;color:var(--gold-soft);text-shadow:0 0 30px rgba(212,175,55,.5);display:flex;align-items:center;justify-content:center;gap:clamp(.8rem,3vw,1.6rem)} .n-date::before,.n-date::after{content:"";width:clamp(24px,7vw,70px);height:1px;background:linear-gradient(90deg,transparent,var(--gold));opacity:.7} .n-date::before{transform:scaleX(-1)} .n-day{margin-top:1.1rem;color:#fff;font-weight:300;font-size:clamp(.85rem,2.4vw,1.1rem);letter-spacing:.55em;text-transform:uppercase;opacity:.9} .n-cue{position:absolute;bottom:clamp(1.6rem,4vh,3rem);left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.7rem;font-size:.5rem;letter-spacing:.5em;text-transform:uppercase;color:rgba(245,239,230,.45)} .n-cue i{width:1px;height:46px;background:linear-gradient(var(--gold),transparent);animation:n-cue 2.6s ease-in-out infinite} @keyframes n-cue{0%,100%{opacity:.15;transform:scaleY(.5) translateY(-6px)}50%{opacity:1;transform:scaleY(1)}} /* ── Countdown cubes ────────────────────────────────────── */ .n-cubes{display:flex;gap:clamp(1rem,3vw,2.2rem);flex-wrap:wrap;justify-content:center;margin-top:3rem;perspective:1400px} .n-cube{width:clamp(88px,20vw,168px);height:clamp(128px,26vw,220px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9rem;border-radius:20px;background:linear-gradient(155deg,rgba(58,0,8,.32),rgba(6,2,3,.5));border:1px solid var(--glass-b);backdrop-filter:blur(24px) saturate(130%);box-shadow:0 50px 90px -46px rgba(0,0,0,.95),0 2px 0 rgba(255,255,255,.06) inset,0 0 50px -30px rgba(160,0,24,.5) inset;position:relative;animation:n-float 7s ease-in-out infinite} .n-cube:nth-child(2){animation-delay:.6s}.n-cube:nth-child(3){animation-delay:1.2s}.n-cube:nth-child(4){animation-delay:1.8s} @keyframes n-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}} .n-cube::after{content:"";position:absolute;top:0;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent)} .n-cube b{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:clamp(2.6rem,8.5vw,5rem);line-height:1;color:var(--gold-soft);text-shadow:0 0 34px rgba(212,175,55,.32)} .n-cube i{font-style:normal;font-size:.56rem;letter-spacing:.42em;text-transform:uppercase;opacity:.55} /* ── Invitation panoramic panel ─────────────────────────── */ .n-pano{position:relative;width:min(1000px,100%);margin-top:3rem;border-radius:28px;padding:clamp(2.4rem,5vw,4.2rem) clamp(1.6rem,4vw,3.6rem);background:linear-gradient(152deg,rgba(58,0,8,.28),rgba(8,2,3,.52));border:1px solid var(--glass-b);backdrop-filter:blur(22px) saturate(125%);box-shadow:0 40px 80px -40px rgba(0,0,0,.95),0 2px 0 rgba(255,255,255,.05) inset;overflow:hidden} .n-sweep{position:absolute;top:0;left:-60%;width:42%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.12),transparent);transform:skewX(-16deg);transition:left 1s var(--ease)} .n-pano:hover .n-sweep{left:135%} .n-pano-names{display:flex;align-items:center;justify-content:center;gap:clamp(1.2rem,5vw,3.4rem);flex-wrap:wrap} .n-who{display:flex;flex-direction:column;gap:.6rem} .n-role{font-size:.58rem;letter-spacing:.5em;text-transform:uppercase;color:var(--gold);opacity:.62} .n-pnm{font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,6vw,3.4rem);line-height:1} .n-heart{font-size:clamp(1.6rem,4vw,2.4rem);color:var(--red);text-shadow:0 0 30px rgba(160,0,24,.7);animation:n-beat 2.6s ease-in-out infinite} @keyframes n-beat{0%,100%{transform:scale(1)}14%{transform:scale(1.16)}28%{transform:scale(1)}42%{transform:scale(1.1)}} .n-pano-rule{width:min(340px,70%);height:1px;margin:clamp(2rem,4vw,3rem) auto;background:linear-gradient(90deg,transparent,rgba(212,175,55,.55),transparent)} .n-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1.6rem,3vw,2.6rem)} .n-fact{display:flex;flex-direction:column;align-items:center;gap:.7rem;position:relative} .n-fact+.n-fact::before{content:"";position:absolute;left:calc(-1 * clamp(.8rem,1.5vw,1.3rem));top:10%;bottom:10%;width:1px;background:linear-gradient(transparent,rgba(212,175,55,.28),transparent)} .n-k{font-size:.55rem;letter-spacing:.42em;text-transform:uppercase;color:var(--gold);opacity:.6} .n-v{font-family:'Cormorant Garamond',serif;font-size:clamp(1.1rem,2.6vw,1.5rem);line-height:1.3} /* ── Celebrations timeline ──────────────────────────────── */ .n-timeline{position:relative;width:min(920px,100%);margin-top:3.2rem;list-style:none} .n-spine{position:absolute;left:50%;top:0;bottom:0;width:1px;transform:translateX(-50%);background:linear-gradient(var(--gold),rgba(212,175,55,.05))} .n-tItem{position:relative;width:50%;padding:1.4rem 3rem;margin:2rem 0;text-align:center} .n-tItem:nth-child(odd){left:0}.n-tItem:nth-child(even){left:50%} .n-tNode{position:absolute;top:2.6rem;width:15px;height:15px;border-radius:50%;background:var(--black);border:1px solid var(--gold);box-shadow:0 0 16px var(--gold);z-index:2} .n-tItem:nth-child(odd) .n-tNode{right:-7px}.n-tItem:nth-child(even) .n-tNode{left:-7px} .n-tNode::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(212,175,55,.4);animation:n-pulse 2.6s ease-out infinite} @keyframes n-pulse{0%{transform:scale(.7);opacity:.8}100%{transform:scale(2.2);opacity:0}} .n-tCard{position:relative;display:inline-block;width:100%;padding:2rem;border-radius:16px;background:linear-gradient(155deg,rgba(58,0,8,.3),rgba(6,2,3,.52));border:1px solid var(--glass-b);backdrop-filter:blur(20px) saturate(125%);box-shadow:0 46px 80px -44px rgba(0,0,0,.95),0 2px 0 rgba(255,255,255,.05) inset;overflow:hidden} .n-tBar{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(212,175,55,.6),transparent)} .n-tCard h3{font-size:clamp(1.5rem,3.5vw,2rem)} .n-tMeta{margin-top:.5rem;font-size:.62rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);opacity:.75} /* ── Venue ──────────────────────────────────────────────── */ .n-venue{width:min(1080px,100%);margin-top:3rem} /* 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} .n-vmap{margin-top:clamp(1.6rem,3vw,2.4rem);aspect-ratio:16/9;border-radius:28px;border:1px solid var(--glass-b);background:linear-gradient(135deg,#140810,#2a0710);color:var(--gold-soft)}.n-vmap .wiw-map-note{color:var(--gold-soft)}@media(max-width:640px){.n-vmap{aspect-ratio:4/3}} .n-photo{position:relative;width:100%;aspect-ratio:16/9;border-radius:28px;overflow:hidden;background:linear-gradient(135deg,#140810,#2a0710);box-shadow:0 70px 130px -50px rgba(0,0,0,.95),0 0 70px -26px rgba(160,0,24,.4)} .n-photo img{width:100%;height:100%;object-fit:cover} .n-photo-art{position:absolute;inset:0;background:radial-gradient(80% 120% at 50% 0%,rgba(212,175,55,.35),transparent 60%),radial-gradient(70% 90% at 50% 100%,rgba(160,0,24,.4),transparent 62%),linear-gradient(135deg,#1a0810,#3a0008)} .n-photo-art::after{content:"";position:absolute;inset:14%;border:1px solid rgba(212,175,55,.35);border-radius:14px} .n-photo-frame{position:absolute;inset:0;border:1px solid var(--glass-b);border-radius:28px;z-index:2} .n-photo::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(5,5,5,.15),transparent 28%,transparent 60%,rgba(5,5,5,.6))} .n-photo-name{position:absolute;left:0;right:0;bottom:clamp(1.2rem,3.5vw,2.2rem);z-index:3;padding:0 1rem;font-family:'Cormorant Garamond',serif;font-weight:600;font-size:clamp(1.6rem,4.5vw,2.8rem);color:#f7ead0;text-shadow:0 2px 8px rgba(0,0,0,.9),0 0 30px rgba(0,0,0,.7)} .n-vaddr{margin-top:clamp(1.6rem,3vw,2.4rem);color:var(--mute);letter-spacing:.14em;font-size:clamp(.9rem,2.2vw,1.1rem)} .n-vact{margin-top:clamp(1.6rem,3vw,2.4rem)} /* ── Buttons ────────────────────────────────────────────── */ .n-btn{position:relative;display:inline-flex;align-items:center;gap:.7rem;padding:1.05rem 2.4rem;border-radius:100px;font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:#1a0d02;font-weight:500;border:1px solid rgba(255,240,190,.7);background:linear-gradient(160deg,rgba(232,207,122,.95),rgba(160,122,34,.9));cursor:pointer;overflow:hidden;box-shadow:0 20px 50px -20px rgba(212,175,55,.7),0 1px 0 rgba(255,255,255,.5) inset;transition:transform .5s var(--ease),box-shadow .5s var(--ease)} .n-btn::after{content:"";position:absolute;top:0;left:-85%;width:55%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-20deg);transition:left .9s var(--ease)} .n-btn:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 30px 72px -18px rgba(212,175,55,.9),0 0 46px rgba(212,175,55,.4),0 1px 0 rgba(255,255,255,.6) inset} .n-btn:hover::after{left:135%} .n-btn-ghost{color:var(--ink);background:linear-gradient(160deg,rgba(255,255,255,.04),rgba(8,2,3,.5));border:1px solid var(--glass-b);box-shadow:0 18px 40px -22px rgba(160,0,24,.6)} .n-btn-ghost:hover{border-color:rgba(212,175,55,.6);box-shadow:0 26px 60px -20px rgba(160,0,24,.85),0 0 34px rgba(212,175,55,.22)} .n-cal{display:flex;gap:clamp(.8rem,2vw,1.4rem);justify-content:center;flex-wrap:wrap;margin-top:3rem} /* ── RSVP ───────────────────────────────────────────────── */ .n-rsvp-sec{overflow:hidden} .n-rsvp-glow{position:absolute;left:50%;top:34%;transform:translate(-50%,-50%);width:520px;height:420px;max-width:90vw;background:radial-gradient(circle,rgba(212,175,55,.1),transparent 70%);pointer-events:none} .n-rsvp-card{position:relative;width:min(560px,100%);margin:2.6rem auto 0;padding:34px;border:1px solid var(--glass-b);border-radius:20px;background:linear-gradient(152deg,rgba(58,0,8,.3),rgba(8,2,3,.55));backdrop-filter:blur(20px);box-shadow:0 40px 90px -40px rgba(0,0,0,.9)} .n-rsvp-card input,.n-rsvp-card textarea,.n-rsvp-card select{font-family:inherit} /* ── Footer / Thank you ─────────────────────────────────── */ .n-footer{text-align:center;padding:clamp(6rem,14vh,10rem) 24px;min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center} .n-foot-names{font-family:'Cormorant Garamond',serif;font-size:clamp(2.4rem,8vw,5rem);line-height:1;margin:1.6rem 0} .n-foot-line{max-width:34ch;margin:1.8rem auto 0;font-family:'Cormorant Garamond',serif;font-size:clamp(1.1rem,2.6vw,1.55rem);line-height:2.1;color:rgba(245,239,230,.6)} .n-heart{margin-top:2.4rem;font-size:clamp(1.6rem,4vw,2.4rem);color:var(--red);text-shadow:0 0 30px rgba(160,0,24,.7)} @media(max-width:720px){ .n-facts{grid-template-columns:repeat(2,1fr);gap:2rem 1.5rem} .n-fact:nth-child(3)::before{display:none} .n-spine{left:20px} .n-tItem{width:100%;left:0!important;padding:1.2rem .3rem 1.2rem 48px} .n-tItem .n-tNode{left:13px!important;right:auto!important} .n-photo{aspect-ratio:4/3} } @media(prefers-reduced-motion:reduce){.n-cube,.n-heart,.n-tNode::after,.n-keylight,.n-grain,.n-cue i{animation:none}.reveal{opacity:1;transform:none;filter:none}} /* The shared RSVP form paints its send button with background:currentColor next to color:#fff on the same rule, so currentColor resolved to white and the button that completes a "Yes, I'll attend" reply rendered as a blank block. Dress it in this design's own colours. */ .wiw-rsvp .wiw-rsvp-send{background:linear-gradient(180deg,#e8cf7a,#d4af37);border:1px solid rgba(212,175,55,.6);color:#141210;opacity:1} .wiw-rsvp .wiw-rsvp-send:hover{opacity:1;filter:brightness(1.06)} /* wiw: phone viewport fit -------------------------------------------------- On a phone the invitation could be dragged sideways. The usual causes are a design that scales something up as it opens (Garden's cover animates to 1.22x — 475px on a 390px screen) and decorative layers deliberately drawn larger than their box. Both are harmless on a laptop, where the viewport has room to spare, and both add a horizontal scrollbar on a phone. So on phone widths only, horizontal overflow is clipped at the document level. 'clip' is preferred over 'hidden' because it does not make the element a scroll container, which would break any position: sticky inside the design. Vertical scrolling, layout, colour and motion are untouched, and nothing here applies at 768px and up — iPad and laptop render exactly as they did. */ @media (max-width: 767px) { html, body { overflow-x: hidden; /* Belt and braces: nothing may make the page itself wider than the screen. */ max-width: 100%; } } @supports (overflow-x: clip) { @media (max-width: 767px) { html, body { overflow-x: clip; } } } /* wiw: end phone viewport fit -------------------------------------------- */ 1a:T16be, (function(){ var mAbbr=['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec']; var wDay=['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday']; function fmtDate(v){var m=/^(\d{4})-(\d{2})-(\d{2})/.exec(v||'');if(!m)return v;return (+m[3])+' '+mAbbr[+m[2]-1]+' '+m[1];} 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;} 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'));}); document.querySelectorAll('.js-day').forEach(function(el){var m=/^(\d{4})-(\d{2})-(\d{2})/.exec(el.getAttribute('data-date')||'');if(m){el.textContent=wDay[new Date(+m[1],+m[2]-1,+m[3]).getDay()];}}); /* Live countdown — reveals the section only when a real ISO date exists */ (function(){ var sec=document.querySelector('.n-count-sec');if(!sec)return; var dm=/^(\d{4})-(\d{2})-(\d{2})/.exec(sec.getAttribute('data-date')||'');if(!dm)return; var tm=/^(\d{1,2}):(\d{2})/.exec(sec.getAttribute('data-time')||''); var target=new Date(+dm[1],+dm[2]-1,+dm[3],tm?+tm[1]:12,tm?+tm[2]:0,0).getTime(); sec.style.display=''; var d=sec.querySelector('.nc-d'),h=sec.querySelector('.nc-h'),mn=sec.querySelector('.nc-m'),s=sec.querySelector('.nc-s'); function pad(n){return('0'+n).slice(-2);} function tick(){ var diff=Math.max(0,target-Date.now()); if(d)d.textContent=Math.floor(diff/86400000); if(h)h.textContent=pad(Math.floor(diff%86400000/3600000)); if(mn)mn.textContent=pad(Math.floor(diff%3600000/60000)); if(s)s.textContent=pad(Math.floor(diff%60000/1000)); } tick();setInterval(tick,1000); })(); /* Add to calendar — Google link + Apple/.ics data URI */ (function(){ var cal=document.querySelector('.n-cal');if(!cal)return; var dm=/^(\d{4})-(\d{2})-(\d{2})/.exec(cal.getAttribute('data-date')||''); var g=cal.querySelector('.js-cal-google'),icsEl=cal.querySelector('.js-cal-ics'); if(!dm){if(g)g.style.display='none';if(icsEl)icsEl.style.display='none';return;} var tm=/^(\d{1,2}):(\d{2})/.exec(cal.getAttribute('data-time')||''); var start=new Date(+dm[1],+dm[2]-1,+dm[3],tm?+tm[1]:18,tm?+tm[2]:30,0); var end=new Date(start.getTime()+4*3600000); function pad(n){return('0'+n).slice(-2);} function stamp(d){return d.getFullYear()+pad(d.getMonth()+1)+pad(d.getDate())+'T'+pad(d.getHours())+pad(d.getMinutes())+'00';} var ev=(cal.getAttribute('data-event')||'').trim()||'Wedding'; var b=(cal.getAttribute('data-b')||'').trim(),gr=(cal.getAttribute('data-g')||'').trim(); var names=[b,gr].filter(Boolean).join(' & '); var title=names?ev+' — '+names:ev; var loc=[cal.getAttribute('data-venue'),cal.getAttribute('data-address')].map(function(x){return(x||'').trim();}).filter(Boolean).join(', '); var details='We can’t wait to celebrate with you.'; if(g)g.href='https://calendar.google.com/calendar/render?action=TEMPLATE&text='+encodeURIComponent(title)+'&dates='+stamp(start)+'/'+stamp(end)+'&location='+encodeURIComponent(loc)+'&details='+encodeURIComponent(details); function esc(s){return String(s||'').replace(/([,;])/g,'\\$1').replace(/[\r\n]+/g,', ');} var ics=['BEGIN:VCALENDAR','VERSION:2.0','PRODID:-//WeddingInWhites//Noir//EN','CALSCALE:GREGORIAN','BEGIN:VEVENT','UID:'+start.getTime()+'@weddinginwhites','DTSTAMP:'+stamp(start),'DTSTART:'+stamp(start),'DTEND:'+stamp(end),'SUMMARY:'+esc(title),'LOCATION:'+esc(loc),'DESCRIPTION:'+esc(details),'END:VEVENT','END:VCALENDAR'].join('\r\n'); if(icsEl){try{icsEl.href=URL.createObjectURL(new Blob([ics],{type:'text/calendar;charset=utf-8'}));icsEl.setAttribute('download','wedding.ics');}catch(e){icsEl.href='data:text/calendar;charset=utf-8,'+encodeURIComponent(ics);}} })(); /* Floating gold embers — self-contained canvas, no dependencies */ (function(){ var cv=document.querySelector('.n-embers');if(!cv)return; var ctx=cv.getContext('2d'),dpr=Math.min(window.devicePixelRatio||1,1.8),W=0,H=0; function size(){W=cv.width=Math.floor(innerWidth*dpr);H=cv.height=Math.floor(innerHeight*dpr);} size();window.addEventListener('resize',size,{passive:true}); var mobile=innerWidth<720,N=mobile?34:70,ps=[]; for(var i=0;i0?Math.min(1,scrollY/st):0)+')';} window.addEventListener('scroll',onScroll,{passive:true});onScroll(); /* 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:.12,rootMargin:'0px 0px -60px 0px'}); document.querySelectorAll('.reveal').forEach(function(el,i){el.style.transitionDelay=(i%5*0.06)+'s';io.observe(el);}); })(); 9:["$","main",null,{"className":"flex min-h-screen flex-col bg-cream font-body text-espresso","children":[["$","script",null,{"type":"application/ld+json","dangerouslySetInnerHTML":{"__html":"{\"@context\":\"https://schema.org\",\"@type\":\"BreadcrumbList\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https://www.weddinginwhites.com/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Designs\",\"item\":\"https://www.weddinginwhites.com/templates\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Noir\",\"item\":\"https://www.weddinginwhites.com/templates/74ae342f-53ed-4b0d-874e-83306cc6aa35\"}]}"}}],["$","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":[["$","$L8",null,{"href":"/templates","className":"inline-flex items-center gap-2 font-body text-sm font-medium text-espresso/70 transition hover:text-espresso","children":[["$","$L3",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"]}],["$","h1",null,{"className":"truncate font-body text-sm font-bold tracking-tight text-espresso","children":"Noir"}],["$","$L8",null,{"href":"/","className":"inline-flex items-center gap-2.5 shrink-0","aria-label":"WeddingInWhites home","children":[["$","$L2",null,{"src":"/brand/weddinginwhites-logo.png","alt":"WeddingInWhites logo","width":512,"height":512,"sizes":"56px","priority":false,"className":"size-7 shrink-0 rounded-lg object-contain"}],false]}]]}]}],["$","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":["$","$L17",null,{"html":"$18","css":"$19","js":"$1a","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":"We would be honoured to have you celebrate with us.","bride_name":"Aisha","dress_code":"Formal · Garden Chic","event_list":[{"name":"Mehndi","time":"18:00"},{"name":"Ceremony","time":"16:30"},{"name":"Reception","time":"20:00"}],"event_type":"Wedding Ceremony","groom_name":"Rayan","hero_image":"","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":"The Leela Palace","event1_name":"Mehendi","event1_time":"Dec 10 · 4:00 PM","event2_name":"Wedding Ceremony","event2_time":"Dec 12 · 6:30 PM","event3_name":"Reception","event3_time":"Dec 12 · 9: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","venue_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='%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","event1_venue":"Palace Gardens","event2_venue":"Grand Ballroom","event3_venue":"Royal Terrace","family_bride":"Daughter of Mr. & Mrs. Khan","family_groom":"Son of Mr. & Mrs. Ahmed","rsvp_enabled":true,"wedding_date":"2027-08-09","wedding_time":"4:30 in the afternoon","venue_address":"Diplomatic Enclave, Chanakyapuri, New Delhi","venue_map_url":"https://maps.google.com","couple_display_name":"Aisha & Rayan"},"allowJs":true}]}]}],"$L1b"]}] 12:null 16:[["$","title","0",{"children":"Noir Wedding Invitation Design · WeddingInWhites"}],["$","meta","1",{"name":"description","content":"Noir is a premium Indian wedding invitation and website design — dark, cinematic, opulent. Preview it, add your details and share it on WhatsApp."}],["$","meta","2",{"name":"application-name","content":"WeddingInWhites"}],["$","link","3",{"rel":"manifest","href":"/manifest.webmanifest","crossOrigin":"$undefined"}],["$","meta","4",{"name":"creator","content":"WeddingInWhites"}],["$","meta","5",{"name":"publisher","content":"WeddingInWhites"}],["$","meta","6",{"name":"googlebot","content":"max-video-preview:-1, max-image-preview:large, max-snippet:-1"}],["$","link","7",{"rel":"canonical","href":"https://www.weddinginwhites.com/templates/74ae342f-53ed-4b0d-874e-83306cc6aa35"}],["$","meta","8",{"name":"format-detection","content":"telephone=no, address=no, email=no"}],["$","meta","9",{"property":"og:title","content":"Noir Wedding Invitation Design · WeddingInWhites"}],["$","meta","10",{"property":"og:description","content":"Noir is a premium Indian wedding invitation and website design — dark, cinematic, opulent. Preview it, add your details and share it on WhatsApp."}],["$","meta","11",{"property":"og:url","content":"https://www.weddinginwhites.com/templates/74ae342f-53ed-4b0d-874e-83306cc6aa35"}],["$","meta","12",{"property":"og:site_name","content":"WeddingInWhites"}],["$","meta","13",{"property":"og:locale","content":"en_IN"}],["$","meta","14",{"property":"og:image","content":"https://www.weddinginwhites.com/templates/74ae342f-53ed-4b0d-874e-83306cc6aa35/opengraph-image?c63edb0f4b907600"}],["$","meta","15",{"property":"og:image:type","content":"image/png"}],["$","meta","16",{"property":"og:image:width","content":"1200"}],["$","meta","17",{"property":"og:image:height","content":"630"}],["$","meta","18",{"property":"og:image:alt","content":"Wedding invitation design — WeddingInWhites"}],["$","meta","19",{"property":"og:type","content":"website"}],["$","meta","20",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","21",{"name":"twitter:title","content":"Noir Wedding Invitation Design · WeddingInWhites"}],["$","meta","22",{"name":"twitter:description","content":"Noir is a premium Indian wedding invitation and website design — dark, cinematic, opulent. Preview it, add your details and share it on WhatsApp."}],["$","meta","23",{"name":"twitter:image","content":"https://www.weddinginwhites.com/templates/74ae342f-53ed-4b0d-874e-83306cc6aa35/opengraph-image?c63edb0f4b907600"}],["$","meta","24",{"name":"twitter:image:alt","content":"Wedding invitation design — WeddingInWhites"}],["$","meta","25",{"name":"twitter:image:type","content":"image/png"}],["$","meta","26",{"name":"twitter:image:width","content":"1200"}],["$","meta","27",{"name":"twitter:image:height","content":"630"}],["$","link","28",{"rel":"icon","href":"/icon.png?icon.1bxw4kq1b3mug.png","sizes":"512x512","type":"image/png"}],["$","link","29",{"rel":"apple-touch-icon","href":"/apple-icon.png?apple-icon.411eoek231z29.png","sizes":"180x180","type":"image/png"}],["$","$L1c","30",{}]]

Until Forever

The Invitation

A Weekend to Remember

{{name}}

The Venue

Will You Join Us?

Mark Your Calendar