New Homepage

<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=EB+Garamond:ital,wght@0,400;0,500;1,400&family=Jost:wght@300;400;500&display=swap" rel="stylesheet"><style>:root{--paper:#F3F0E7;--porcelain:#FBFAF5;--sage-deep:#33473B;--sage-mid:#4E6656;--eau:#B7CDC0;--eau-soft:#DCE7E0;--gold:#A9873F;--gold-soft:#C7A55C;--ink:#232821;--muted:#71796F;--line:#D8D3C4;--shadow:0 18px 46px -22px rgba(35,40,33,.42);--display:"Cormorant Garamond",Georgia,serif;--serif:"EB Garamond",Georgia,serif;--ui:"Jost",system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}.eyebrow{font-family:var(--ui);font-weight:400;font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--gold)}a{color:inherit;text-decoration:none}.foot-col a,img,svg{display:block}.wrap{max-width:1220px;margin:0 auto;padding:0 32px}.hero{padding:78px 32px 66px;text-align:center;position:relative}.sprig{margin:0 auto 26px;width:52px;opacity:.9}.hero h1{font-size:clamp(44px,7vw,86px);line-height:1.02;letter-spacing:.005em;max-width:15ch;margin:16px auto 0}.hero .lede,.hero h1 em{font-style:italic;color:var(--gold)}.hero .lede{max-width:52ch;margin:26px auto 0;font-size:19px;color:var(--muted)}.rule{width:60px;height:1px;background:var(--gold);margin:34px auto 0;position:relative}.rule::after,.rule::before{content:"";position:absolute;top:-1.5px;width:3px;height:3px;background:var(--gold);border-radius:50%}.rule::before{left:-8px}.rule::after{right:-8px}.btn,.trust{font-family:var(--ui);letter-spacing:.2em;text-transform:uppercase}.btn{display:inline-block;font-weight:400;font-size:12.5px;padding:16px 42px;cursor:pointer;border:1px solid var(--sage-deep);background:var(--sage-deep);color:#f3f0e7;transition:all .3s ease}.btn:hover{background:0 0;color:var(--sage-deep)}.hero .cta{margin-top:36px}.trust{display:flex;justify-content:center;gap:38px;flex-wrap:wrap;margin-top:52px;font-size:11px;color:var(--muted)}.trust span{display:flex;align-items:center;gap:9px}.trust .dot{width:4px;height:4px;background:var(--gold);border-radius:50%}.section{padding:92px 0}.section-head{text-align:center;margin-bottom:52px}.coll-txt h3,.hero h1,.section-head h2,.standard h2{font-family:var(--display);font-weight:400}.section-head h2{font-size:clamp(32px,4.5vw,50px);color:var(--sage-deep);margin-top:12px;line-height:1.05}.empty-note,.section-head p{color:var(--muted);font-style:italic}.section-head p{max-width:48ch;margin:16px auto 0}.empty-note{text-align:center;padding:22px 8px;font-size:15px}.coll-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.coll,.coll-vis{position:relative}.coll{overflow:hidden;cursor:pointer;border:1px solid var(--line)}.coll-vis{height:340px;display:flex;flex-direction:column;justify-content:flex-end;padding:28px;transition:transform .6s ease}.coll:hover .coll-vis{transform:scale(1.04)}.coll-vis::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(35,40,33,.62),rgba(35,40,33,.05) 55%)}.coll-c1{background:linear-gradient(150deg,#4e6656,#33473b)}.coll-c2{background:linear-gradient(150deg,#6e7a6f,#3d4a40)}.coll-c3{background:linear-gradient(150deg,#8a7a4e,#5b4f30)}.coll-txt{position:relative;z-index:2;color:#f3f0e7}.coll-txt .k{font-family:var(--ui);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-soft)}.coll-txt h3{font-weight:500;font-size:28px;margin:8px 0 4px;line-height:1.05}.coll-txt .p{font-family:var(--ui);font-size:12px;letter-spacing:.1em;color:#d6ddd3}.standard{background:var(--sage-deep);color:#eaf0eb}.standard .wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;padding-top:96px;padding-bottom:96px}.standard .eyebrow,.standard h2 em,.std-mark .n{color:var(--gold-soft)}.standard h2{font-size:clamp(30px,4vw,46px);color:#f3f0e7;margin:14px 0 22px;line-height:1.1}.standard h2 em{font-style:italic}.standard p{color:#c9d3c9;margin-bottom:18px;max-width:52ch}.std-marks{display:grid;grid-template-columns:1fr 1fr;gap:26px 34px;margin-top:8px}.std-mark{border-top:1px solid rgba(199,165,92,.4);padding-top:16px}.std-mark .n{font-family:var(--display);font-size:30px;line-height:1}.std-mark .l{font-family:var(--ui);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#c9d3c9;margin-top:8px}footer{background:var(--paper);border-top:1px solid var(--line);padding:70px 0 34px}.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}.foot-brand .amp{color:var(--gold);font-style:italic}.foot-brand p{color:var(--muted);font-size:15px;margin-top:14px;max-width:34ch}.foot-base,.foot-col h4{font-family:var(--ui);font-size:11px;text-transform:uppercase}.foot-col h4{letter-spacing:.2em;color:var(--gold);margin-bottom:16px}.foot-col a{color:var(--ink);font-size:15px;margin-bottom:11px;transition:color .2s}.foot-col a:hover,.hero h1{color:var(--sage-deep)}.foot-base{display:flex;justify-content:space-between;align-items:center;margin-top:52px;padding-top:24px;border-top:1px solid var(--line);letter-spacing:.1em;color:var(--muted)}.sg-js .reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease}.sg-js .reveal.in{opacity:1;transform:none}@media (max-width:960px){.coll-grid,.standard .wrap{grid-template-columns:1fr;gap:22px}.standard .wrap{gap:40px}.foot-grid{grid-template-columns:1fr 1fr;gap:32px}}@media (max-width:680px){.wrap{padding:0 20px}.hero{padding:52px 20px 44px}.trust{gap:18px}.section{padding:64px 0}.foot-grid{grid-template-columns:1fr}.foot-base{flex-direction:column;gap:14px;text-align:center}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}.foot-brand img.logo{display:block;height:104px;width:auto;margin:0 0 4px -6px}.coll{overflow:visible;border:0;text-align:center;display:block}.coll-img{overflow:hidden;aspect-ratio:1/1;background:#2a2d26}.coll-img img{width:100%;height:100%;object-fit:cover;filter:brightness(.66) contrast(1.06) saturate(1.05);transition:transform .7s ease,filter .7s ease}.coll:hover .coll-img img{transform:scale(1.04);filter:brightness(.8) contrast(1.04)}.coll h3{font-family:var(--display);font-weight:400;font-size:27px;line-height:1.15;color:var(--ink);margin:22px 0 8px}.coll p{font-family:var(--ui);font-size:12.5px;letter-spacing:.03em;line-height:1.65;color:var(--muted);max-width:34ch;margin:0 auto}.pop{padding:56px 0 10px}.pop .section-head{margin-bottom:34px}.pop .section-head h2{font-size:30px;margin-top:0}.pop-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:36px 0;max-width:1050px;margin:0 auto}.pop-item{display:block;text-align:center}.pop-img{width:178px;max-width:86%;aspect-ratio:1/1;border-radius:50%;overflow:hidden;background:var(--eau-soft);margin:0 auto}.pop-img img{width:100%;height:100%;object-fit:cover;object-position:center 40%;transition:transform .7s ease}.pop-item:hover .pop-img img{transform:scale(1.07)}.pop-item span{display:block;font-family:var(--display);font-size:17px;line-height:1.3;color:var(--ink);margin-top:14px}@media (max-width:960px){.pop-grid{grid-template-columns:repeat(3,1fr);max-width:640px}}@media (max-width:560px){.pop-grid{grid-template-columns:repeat(2,1fr);gap:28px 0}.pop-img{width:140px}.pop-item span{font-size:15px}.pop{padding-top:44px}.pop .section-head h2{font-size:26px}}.hero{padding-top:44px}</style> <section class="hero"> <svg class="sprig" viewBox="0 0 60 60" fill="none" aria-hidden="true"> <path d="M30 56V16" stroke="#A9873F" stroke-width="1.2"/> <path d="M30 24c-6-2-11-7-12-14 7 1 12 5 12 12M30 24c6-2 11-7 12-14-7 1-12 5-12 12M30 36c-6-2-11-6-13-13 7 1 13 5 13 12M30 36c6-2 11-6 13-13-7 1-13 5-13 12M30 48c-5-2-9-5-11-11 6 1 11 4 11 10M30 48c5-2 9-5 11-11-6 1-11 4-11 10" stroke="#4E6656" stroke-width="1.1" fill="#B7CDC0" fill-opacity=".35"/> </svg> <span class="eyebrow">Artisanal gifting &#183; Singapore</span> <h1>The gift you <em>compose</em>, not merely choose.</h1> <p class="lede">Bespoke hampers and gifts for every occasion &#8212; from one-of-a-kind birthday and wellness hampers to customised corporate gifts. Choose a ready-to-deliver set or build your own.</p> <div class="rule"></div> <div class="cta"> <a href="/pages/build-your-own" class="btn">Compose your hamper</a> </div> <div class="trust"> <span><i class="dot"></i>Same-day delivery before 12PM*</span> <span><i class="dot"></i>Free delivery above $89</span> <span><i class="dot"></i>Complimentary gift card</span> </div> </section> <section class="section pop" id="popular"><div class="wrap"><div class="section-head reveal"><h2>Shop our Most Popular</h2></div><div class="pop-grid"><a class="pop-item reveal" href="/pages/christmas-2026"><div class="pop-img"><img src="{{ 'sg-xmas-decadence.jpg' | file_url }}" alt="Christmas Hampers" loading="lazy"></div><span>Christmas Hampers</span></a><a class="pop-item reveal" href="/pages/build-your-own"><div class="pop-img"><img src="https://sageandgifts.com/cdn/shop/files/PictureEdits_72.png?v=1758703583&width=500" alt="Build Your Own" loading="lazy"></div><span>Build Your Own</span></a><a class="pop-item reveal" href="/collections/self-care-wellness-hampers-2024"><div class="pop-img"><img src="https://sageandgifts.com/cdn/shop/files/PictureEdits_77.png?v=1758705299&width=500" alt="Self-Care &amp; Wellness" loading="lazy"></div><span>Self-Care &amp; Wellness</span></a><a class="pop-item reveal" href="/collections/get-well-soon-hamper-collection-2024"><div class="pop-img"><img src="https://sageandgifts.com/cdn/shop/files/9_2000d75f-a804-48e6-8b02-2a9a12b82e1d.png?v=1760085728&width=500" alt="Get Well Soon" loading="lazy"></div><span>Get Well Soon</span></a><a class="pop-item reveal" href="/collections/wine-hampers-singapore"><div class="pop-img"><img src="https://sageandgifts.com/cdn/shop/files/9_88ab8eb1-bcb3-423d-9a8a-930c8e3c648b.png?v=1759979495&width=500" alt="Wine Hampers" loading="lazy"></div><span>Wine Hampers</span></a><a class="pop-item reveal" href="/collections/birthday-gifts-singapore"><div class="pop-img"><img src="https://sageandgifts.com/cdn/shop/files/PictureEdits-2025-10-10T154455.481_d2dc121c-67e4-4681-9f25-d87659631f57.png?v=1760082339&width=500" alt="Birthday Gifts" loading="lazy"></div><span>Birthday Gifts</span></a><a class="pop-item reveal" href="/collections/new-mum-hamper-baby-hampers-singapore"><div class="pop-img"><img src="https://sageandgifts.com/cdn/shop/files/10_d4abc570-a060-432b-8ee0-1b471ab90aba.png?v=1760083892&width=500" alt="Mum &amp; Baby" loading="lazy"></div><span>Mum &amp; Baby</span></a><a class="pop-item reveal" href="/collections/gifts-for-him-singapore"><div class="pop-img"><img src="https://sageandgifts.com/cdn/shop/files/9_282ba398-e0e9-4529-b612-7aa63d54193e.png?v=1759977143&width=500" alt="Gifts for Him" loading="lazy"></div><span>Gifts for Him</span></a><a class="pop-item reveal" href="/collections/gifts-for-her-singapore"><div class="pop-img"><img src="https://sageandgifts.com/cdn/shop/files/PictureEdits_96_4674e6a9-d651-4871-b702-8c62899c6564.png?v=1759977925&width=500" alt="Gifts for Her" loading="lazy"></div><span>Gifts for Her</span></a><a class="pop-item reveal" href="/collections/same-day-delivery-hampers-singapore"><div class="pop-img"><img src="https://sageandgifts.com/cdn/shop/files/9_98086a7e-0e1b-453a-88ab-d8f552fc4fca.png?v=1760067654&width=500" alt="Same-Day Ready" loading="lazy"></div><span>Same-Day Ready</span></a></div></div></section> <section class="section" id="collections"> <div class="wrap"> <div class="section-head reveal"> <span class="eyebrow">Popular Collections</span> <h2>Ready-made collections</h2> <p>Ready-to-deliver hampers and gift boxes for every occasion, straight from sageandgifts.com.</p> </div> <div class="coll-grid"><a class="coll reveal" href="https://sageandgifts.com/collections/gift-hamper-delivery-singapore-congratulatory-gifts" target="_blank" rel="noopener"><div class="coll-img"><img src="{{ 'sg-coll-congratulatory.jpg' | file_url }}" alt="Congratulatory Gifts" loading="lazy"></div><h3>Congratulatory Gifts</h3><p>Send congratulatory gift hampers to mark important occasions.</p></a><a class="coll reveal" href="https://sageandgifts.com/collections/self-care-wellness-hampers-2024" target="_blank" rel="noopener"><div class="coll-img"><img src="{{ 'sg-coll-selfcare.jpg' | file_url }}" alt="Self-Care &amp; Wellness Hampers" loading="lazy"></div><h3>Self-Care &amp; Wellness Hampers</h3><p>Popular self-care and wellness gift sets that remind the receiver to take time to relax, reflect and enjoy every moment.</p></a><a class="coll reveal" href="https://sageandgifts.com/collections/gift-hamper-delivery-singapore-customise-a-gift" target="_blank" rel="noopener"><div class="coll-img"><img src="{{ 'sg-coll-customised.jpg' | file_url }}" alt="Customised Gifts" loading="lazy"></div><h3>Customised Gifts</h3><p>Simply select the gift items the receiver will love and allow our stylists to assemble your gift box or hamper.</p></a></div></div> </section> <section class="standard" id="standard"> <div class="wrap"> <div class="reveal"> <span class="eyebrow">The Sage Standard</span> <h2>Every hamper is <em>made</em>, never merely packed.</h2> <p>We are an artisanal gifting company in Singapore specialising in bespoke hampers and gifts for all occasions. With experience in customised corporate gifts for corporate events, product launches, client gifting and employee appreciation, we know how to put together meaningful one-of-a-kind gifts that stand out.</p> <p>Each gift comes with a gift card for your heartfelt message.</p> </div> <div class="std-marks reveal"> <div class="std-mark"><div class="n">$89</div><div class="l">Free delivery above</div></div> <div class="std-mark"><div class="n">12PM</div><div class="l">Same-day order cut-off</div></div> <div class="std-mark"><div class="n">8 days</div><div class="l">Lead time, bulk orders of 10+ sets</div></div> <div class="std-mark"><div class="n">1</div><div class="l">Complimentary gift card per gift</div></div> </div> </div> </section> <footer id="corporate"> <div class="wrap"> <div class="foot-grid"> <div class="foot-brand"> <img class="logo" src="{{ 'sg-logo.png' | file_url }}" alt="Sage &amp; Gifts"> <p>Gifts of considered taste, composed by hand and hand-delivered across Singapore.</p> </div> <div class="foot-col"> <h4>Shop</h4> <a href="/pages/build-your-own">Build a Hamper</a> <a href="/#collections">Ready-Made</a> <a href="/pages/christmas-2026">Christmas 2026</a> <a href="/pages/shop-all">Shop All</a> </div> <div class="foot-col"> <h4>Gifting</h4> <a href="https://sageandgifts.com/pages/corporate-gift-boxes-in-singapore" target="_blank" rel="noopener">Corporate Gifts</a> <a href="https://sageandgifts.com/pages/faq" target="_blank" rel="noopener">FAQs</a> <a href="https://sageandgifts.com/policies/shipping-policy" target="_blank" rel="noopener">Delivery &amp; Timing</a> <a href="https://sageandgifts.com/pages/contact" target="_blank" rel="noopener">Contact</a> </div> <div class="foot-col"> <h4>The House</h4> <a href="https://sageandgifts.com/pages/about-us" target="_blank" rel="noopener">Our Story</a> <a href="mailto:hello@sageandgifts.com">hello@sageandgifts.com</a> <a href="tel:+6588754227">+65 8875 4227</a> <a href="https://www.instagram.com/sageandgifts/" target="_blank" rel="noopener">Instagram</a> </div> </div> <div class="foot-base"> <span>&#169; 2026 Sage &amp; Gifts &#183; <a href="https://sageandgifts.com/" target="_blank" rel="noopener">sageandgifts.com</a></span> <span>Singapore</span> </div> </div> </footer> <script>document.documentElement.classList.add("sg-js");const io=new IntersectionObserver(e=>{e.forEach(e=>{e.isIntersecting&&(e.target.classList.add("in"),io.unobserve(e.target))})},{threshold:.14});document.querySelectorAll(".reveal").forEach(e=>io.observe(e));</script>