<!DOCTYPE html><html lang="en" class="dark bg-background"> <head><link rel="preload" href="/_astro/playfair-display-latin-wght-normal.BOwq7MWX.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="/_astro/chivo-latin-wght-normal.CPi3f958.woff2" as="font" type="font/woff2" crossorigin><!-- Global Metadata --><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><meta name="generator" content="Astro v6.4.8"><link rel="preconnect" href="https://media.fashknit.com" crossorigin><link rel="dns-prefetch" href="https://media.fashknit.com"><link rel="dns-prefetch" href="https://connect.facebook.net"><link rel="preconnect" href="https://connect.facebook.net" crossorigin><!-- Canonical URL --><link rel="canonical" href="https://fashknit.com/"><!-- Sitemap --><link rel="sitemap" href="/sitemap-index.xml"><!-- Markdown Alternate --><link rel="alternate" type="text/markdown" href="/index.md" title="Markdown Content"><!-- Primary Meta Tags --><title>Fashion Designers &amp; Custom Boutiques in India | FashKnit</title><meta name="title" content="Fashion Designers &amp; Custom Boutiques in India | FashKnit"><meta name="description" content="Find fashion designers and custom boutiques across India. Browse lehengas, blouses, sarees and occasion wear by city, preview with AI Try-On in the app, and connect directly for made-to-measure stitching."><!-- Open Graph / Facebook --><meta property="og:type" content="website"><meta property="og:locale" content="en_IN"><meta property="og:url" content="https://fashknit.com/"><meta property="og:title" content="Fashion Designers &amp; Custom Boutiques in India | FashKnit"><meta property="og:description" content="Find fashion designers and custom boutiques across India. Browse lehengas, blouses, sarees and occasion wear by city, preview with AI Try-On in the app, and connect directly for made-to-measure stitching."><meta property="og:image" content="https://fashknit.com/og-image.jpg"><!-- Twitter --><meta property="twitter:card" content="summary_large_image"><meta property="twitter:url" content="https://fashknit.com/"><meta property="twitter:title" content="Fashion Designers &amp; Custom Boutiques in India | FashKnit"><meta property="twitter:description" content="Find fashion designers and custom boutiques across India. Browse lehengas, blouses, sarees and occasion wear by city, preview with AI Try-On in the app, and connect directly for made-to-measure stitching."><meta property="twitter:image" content="https://fashknit.com/og-image.jpg"><script>window.dataLayer = window.dataLayer || [];
  window.gtag = function(){window.dataLayer.push(arguments);};
  window.gtag('js', new Date());
  window.gtag('config', 'G-MX16TRYELX');</script><script type="text/partytown" src="https://www.googletagmanager.com/gtag/js?id=G-MX16TRYELX"></script><script type="text/partytown">!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
document,'script','https://connect.facebook.net/en_US/fbevents.js');
fbq('init','3999854083657533');
fbq('track','PageView');</script><link rel="preload" href="/hero-loop.mp4" as="fetch" type="video/mp4" media="(min-width: 1024px)"><script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://fashknit.com/#organization","name":"FashKnit","url":"https://fashknit.com/","description":"FashKnit is India's location-first discovery platform for fashion designers and custom boutiques. Browse 625+ listed boutiques across 31 Indian cities, explore lehengas, blouses, sarees and other occasion wear, compare ratings, try designs with AI Virtual Try-On in the app, and connect directly for measurements and custom stitching - without middlemen.","logo":{"@type":"ImageObject","url":"https://fashknit.com/fashknit-logo.png"},"areaServed":{"@type":"Country","name":"India"}},{"@type":"WebSite","@id":"https://fashknit.com/#website","name":"FashKnit","url":"https://fashknit.com/","description":"Find fashion designers and custom boutiques across India. Browse lehengas, blouses, sarees and occasion wear by city, preview with AI Try-On in the app, and connect directly for made-to-measure stitching.","publisher":{"@id":"https://fashknit.com/#organization"},"inLanguage":"en-IN"},{"@type":"FAQPage","mainEntity":[{"@type":"Question","name":"What is FashKnit?","acceptedAnswer":{"@type":"Answer","text":"FashKnit is a location-first directory of fashion designers and custom boutiques across India. Discover studios, browse portfolios, compare ratings when available, and connect for bespoke lehengas, blouses, sarees, suits, and occasion wear. The FashKnit app adds AI Virtual Try-On on eligible designs."}},{"@type":"Question","name":"How do I find a fashion designer in my city?","acceptedAnswer":{"@type":"Answer","text":"Open a city hub under https://fashknit.com/locations (for example fashion designers in your metro) or start at the all-India directory (https://fashknit.com/boutiques). Each city page lists neighbourhoods and studio profiles with portfolios and contact paths."}},{"@type":"Question","name":"Where can I browse blouse, lehenga and saree designs?","acceptedAnswer":{"@type":"Answer","text":"Use FashKnit Trends for portfolio looks: blouse designs at https://fashknit.com/trends, then filter by category for lehenga designs, saree designs and more. Each post links to the boutique so you can connect for custom stitching - full feed continues in the app."}},{"@type":"Question","name":"What is AI Virtual Try-On?","acceptedAnswer":{"@type":"Answer","text":"On eligible posts in the FashKnit app, Virtual Try-On lets you preview how a design may look on you before you book fabric, measurements, or fittings with the boutique. Full Try-On runs in the app, not on the website feed."}},{"@type":"Question","name":"Is FashKnit free for shoppers?","acceptedAnswer":{"@type":"Answer","text":"Browsing boutiques, portfolios, and ratings on the web is free. Virtual Try-On and some app features may use credits or in-app purchases as described in the app."}},{"@type":"Question","name":"Can boutiques and designers join FashKnit?","acceptedAnswer":{"@type":"Answer","text":"Yes. Independent boutiques can create a profile, publish portfolio work, and get discovered by local shoppers. Listing is free with zero commission on direct inquiries. Partner details: https://fashknit.com/fashion-designer-boutique."}}]}]}</script><link rel="stylesheet" href="/_astro/city-routes.D6NkWChH.css"><style>.footer-wave-title[data-astro-cid-ocut4tz7] .footer-letter{font-weight:100;transition:transform .18s cubic-bezier(.25,.46,.45,.94);will-change:transform;color:#ffffff1f;-webkit-text-stroke:.5px rgba(255,255,255,.25);text-shadow:0 0 30px rgba(227,51,102,.05),0 0 60px rgba(247,119,55,.02)}.footer-wave-title[data-astro-cid-ocut4tz7] .footer-letter-highlight{color:#f7773759;-webkit-text-stroke:.5px rgba(247,119,55,.5);text-shadow:0 0 25px rgba(247,119,55,.4),0 0 50px rgba(247,119,55,.18),0 0 100px rgba(227,51,102,.08)}
</style><link rel="stylesheet" href="/_astro/index.DX8Z08gN.css"><style>.boutique-slide[data-astro-cid-r2smyvtr]{transition:transform .4s cubic-bezier(.16,1,.3,1)!important}.boutique-slide[data-astro-cid-r2smyvtr]:hover{transform:translateY(-12px)!important}.group\/slider[data-astro-cid-r2smyvtr]:hover .carousel-nav-btn[data-astro-cid-r2smyvtr]:not(:disabled){opacity:1!important}.hide-scrollbar[data-astro-cid-r2smyvtr]::-webkit-scrollbar{display:none}.hide-scrollbar[data-astro-cid-r2smyvtr]{-ms-overflow-style:none;scrollbar-width:none}
details[data-astro-cid-wev6i34t][open] summary[data-astro-cid-wev6i34t] svg[data-astro-cid-wev6i34t]{transform:rotate(180deg)}
article[data-astro-cid-2lyjy4rt]{transition:transform .4s cubic-bezier(.16,1,.3,1),background-color .4s cubic-bezier(.16,1,.3,1),border-color .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1)!important}article[data-astro-cid-2lyjy4rt]:hover{background-color:#ffffff0f!important;border-color:#fff3!important;box-shadow:0 22px 60px #0009!important}
</style><script>!(function(w,p,f,c){if(!window.crossOriginIsolated && !navigator.serviceWorker) return;c=w[p]=Object.assign(w[p]||{},{"lib":"/~partytown/","debug":false});c[f]=(c[f]||[]).concat(["gtag","dataLayer.push","fbq"])})(window,'partytown','forward');/* Partytown 0.13.2 - MIT QwikDev */
const t={preserveBehavior:!1},e=e=>{if("string"==typeof e)return[e,t];const[n,r=t]=e;return[n,{...t,...r}]},n=Object.freeze((t=>{const e=new Set;let n=[];do{Object.getOwnPropertyNames(n).forEach((t=>{"function"==typeof n[t]&&e.add(t)}))}while((n=Object.getPrototypeOf(n))!==Object.prototype);return Array.from(e)})());!function(t,r,o,i,a,s,c,l,d,p,u=t,f){function h(){f||(f=1,"/"==(c=(s.lib||"/~partytown/")+(s.debug?"debug/":""))[0]&&(d=r.querySelectorAll('script[type="text/partytown"]'),i!=t?i.dispatchEvent(new CustomEvent("pt1",{detail:t})):(l=setTimeout(v,(null==s?void 0:s.fallbackTimeout)||1e4),r.addEventListener("pt0",w),a?y(1):o.serviceWorker?o.serviceWorker.register(c+(s.swPath||"partytown-sw.js"),{scope:c}).then((function(t){t.active?y():t.installing&&t.installing.addEventListener("statechange",(function(t){"activated"==t.target.state&&y()}))}),console.error):v())))}function y(e){p=r.createElement(e?"script":"iframe"),t._pttab=Date.now(),e||(p.style.display="block",p.style.width="0",p.style.height="0",p.style.border="0",p.style.visibility="hidden",p.setAttribute("aria-hidden",!0)),p.src=c+"partytown-"+(e?"atomics.js?v=0.13.2":"sandbox-sw.html?"+t._pttab),r.querySelector(s.sandboxParent||"body").appendChild(p)}function v(n,o){for(w(),i==t&&(s.forward||[]).map((function(n){const[r]=e(n);delete t[r.split(".")[0]]})),n=0;n<d.length;n++)(o=r.createElement("script")).innerHTML=d[n].innerHTML,o.nonce=s.nonce,r.head.appendChild(o);p&&p.parentNode.removeChild(p)}function w(){clearTimeout(l)}s=t.partytown||{},i==t&&(s.forward||[]).map((function(r){const[o,{preserveBehavior:i}]=e(r);u=t,o.split(".").map((function(e,r,o){var a;u=u[o[r]]=r+1<o.length?u[o[r]]||(a=o[r+1],n.includes(a)?[]:{}):(()=>{let e=null;if(i){const{methodOrProperty:n,thisObject:r}=((t,e)=>{let n=t;for(let t=0;t<e.length-1;t+=1)n=n[e[t]];return{thisObject:n,methodOrProperty:e.length>0?n[e[e.length-1]]:void 0}})(t,o);"function"==typeof n&&(e=(...t)=>n.apply(r,...t))}return function(){let n;return e&&(n=e(arguments)),(t._ptf=t._ptf||[]).push(o,arguments),n}})()}))})),"complete"==r.readyState?h():(t.addEventListener("DOMContentLoaded",h),t.addEventListener("load",h))}(window,document,navigator,top,window.crossOriginIsolated);;(e=>{e.addEventListener("astro:before-swap",e=>{let r=document.body.querySelector("iframe[src*='/~partytown/']");if(r)e.newDocument.body.append(r)})})(document);</script></head> <body class="min-h-screen bg-transparent font-sans antialiased text-neutral-white relative flex flex-col"> <!-- Globally Fixed Glowing Mesh Ambient Lights --> <div class="fixed inset-0 z-[-1] overflow-hidden bg-background pointer-events-none" style="transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0);"> <div class="absolute top-1/4 left-[-20%] w-[75vw] h-[75vw] min-w-[300px] min-h-[300px] max-w-[600px] max-h-[600px] rounded-full bg-[#E33366]/18 md:bg-[#E33366]/10 blur-[70px] md:blur-[120px]"></div> <div class="absolute bottom-1/4 right-[-20%] w-[75vw] h-[75vw] min-w-[300px] min-h-[300px] max-w-[600px] max-h-[600px] rounded-full bg-[#F77737]/18 md:bg-[#F77737]/10 blur-[70px] md:blur-[120px]"></div> </div> <header id="main-header" class="fixed top-0 left-0 right-0 z-50 w-full transition-all duration-500 ease-[cubic-bezier(0.16,1,0.3,1)] border-b border-transparent bg-transparent" data-is-home="true" data-is-transparent-navbar="true" data-astro-cid-mq3pp5jd> <div id="header-container" class="mx-auto flex w-full max-w-7xl items-center justify-between px-6 py-1.5 sm:px-12 lg:px-24 transition-all duration-500 ease-[cubic-bezier(0.16,1,0.3,1)]" data-astro-cid-mq3pp5jd> <a href="/" class="flex items-center gap-2 no-underline group" data-astro-cid-mq3pp5jd> <img src="/fashknit-logo.png" alt="FashKnit" width="1000" height="500" class="h-14 w-auto sm:h-16 transition-transform duration-300 group-hover:scale-[1.02] active:scale-98" loading="eager" decoding="async" data-astro-cid-mq3pp5jd> </a> <nav class="flex items-center gap-4" data-astro-cid-mq3pp5jd> <a href="/fashion-designer-boutique" class="text-xs sm:text-sm font-semibold text-neutral-light-grey/85 hover:text-white transition-colors no-underline mr-1 sm:mr-4 whitespace-nowrap" data-astro-cid-mq3pp5jd> <span class="inline sm:hidden" data-astro-cid-mq3pp5jd>For Boutiques</span> <span class="hidden sm:inline" data-astro-cid-mq3pp5jd>FashKnit for Boutiques</span> </a> <a id="header-get-app-button" href="https://play.google.com/store/apps/details?id=manil.fashknit" data-app-store-link class="inline-flex shrink-0 items-center justify-center cursor-pointer mesh-gradient text-neutral-white font-bold rounded-xl px-3.5 py-1.5 sm:px-6 sm:py-2.5 shadow-md hover:shadow-lg hover:shadow-primary-orange/20 transition-all duration-300 hover:scale-105 active:scale-98 outline-none select-none focus-visible:ring-2 focus-visible:ring-primary-orange border-none text-xs sm:text-sm no-underline" data-astro-cid-mq3pp5jd>
Get App
</a> </nav> </div> <script>
    (function () {
      const header = document.getElementById('main-header');
      if (!header) return;

      const isTransparentNavbar = header.getAttribute('data-is-transparent-navbar') === 'true';

      function handleScroll() {
        if (!isTransparentNavbar) return;

        if (window.scrollY > 30) {
          header.classList.add(
            'bg-[#0B0B0C]/40',
            'backdrop-blur-md',
            'border-white/5',
            'shadow-lg'
          );
          header.classList.remove('bg-transparent', 'border-transparent');
        } else {
          header.classList.add('bg-transparent', 'border-transparent');
          header.classList.remove(
            'bg-[#0B0B0C]/40',
            'backdrop-blur-md',
            'border-white/5',
            'shadow-lg'
          );
        }
      }

      window.addEventListener('scroll', handleScroll, { passive: true });
      // Run once on load to set initial state
      handleScroll();
    })();
  </script> </header> <div class="flex-1">       <div class="relative w-full h-screen lg:h-[300vh] bg-neutral-black scroll-sequence-container" data-astro-cid-j7pv25f6> <section class="sticky top-0 left-0 w-full h-screen overflow-hidden flex flex-col justify-center bg-transparent" data-astro-cid-j7pv25f6> <!-- Background: CSS poster paints instantly; video fades in when ready — no swap, no canvas --> <div id="hero-visual-layer" class="absolute inset-0 z-0 overflow-hidden bg-neutral-black bg-cover bg-center bg-no-repeat" data-astro-cid-j7pv25f6> <!--
          LCP-eligible <img> for the hero poster.
          CSS background-image is not a reliable LCP candidate; an explicit <img> with
          fetchpriority="high" gives the browser a deterministic LCP element to measure
          and ensures the poster is fetched at maximum priority from the first request.
          The visual result is identical — the img is stacked behind the video.
        --> <img src="/hero-poster.webp" alt="" aria-hidden="true" fetchpriority="high" decoding="sync" class="absolute inset-0 w-full h-full object-cover brightness-[0.7] lg:brightness-[0.8]" data-astro-cid-j7pv25f6> <video id="hero-sequence-video" src="/hero-loop.mp4" preload="metadata" muted playsinline aria-hidden="true" class="absolute inset-0 w-full h-full object-cover brightness-[0.7] lg:brightness-[0.8] opacity-0" data-astro-cid-j7pv25f6></video> <!-- Gradient overlay to ensure text readability --> <div id="hero-gradient-overlay" class="absolute inset-0 z-[1] bg-gradient-to-t from-black/90 via-black/40 to-black/40 lg:bg-gradient-to-r lg:from-black/95 lg:via-black/60 lg:to-transparent pointer-events-none will-change-[opacity]" data-astro-cid-j7pv25f6></div> </div> <div class="max-w-7xl mx-auto px-6 sm:px-12 lg:px-24 w-full z-10 pt-32 pb-16" data-astro-cid-j7pv25f6> <div class="max-w-3xl text-center lg:text-left space-y-6 sm:space-y-8 hero-text-container will-change-[opacity,transform]" data-astro-cid-j7pv25f6> <p class="text-xs sm:text-sm uppercase tracking-[0.25em] font-bold text-primary-orange animate-fade-in-up" data-astro-cid-j7pv25f6> Designers · Custom boutiques · AI Try-On </p> <h1 class="text-4xl sm:text-6xl lg:text-[4.5rem] font-serif font-normal tracking-wide leading-[1.12] text-neutral-white animate-fade-in-up delay-1" data-astro-cid-j7pv25f6> Fashion Designers &amp; <br data-astro-cid-j7pv25f6> <span class="bg-gradient-to-r from-grad-start to-grad-end bg-clip-text text-transparent" data-astro-cid-j7pv25f6>Custom Boutiques Across India</span> </h1> <p class="text-lg sm:text-xl text-neutral-light-grey/80 leading-relaxed lg:mx-0 mx-auto animate-fade-in-up delay-2" style="max-width: 38rem;" data-astro-cid-j7pv25f6> Discover independent studios for bridal, festive and everyday occasion wear - lehengas, blouses, sarees, suits and more. Compare portfolios and ratings, try designs with AI Virtual Try-On in the app, and get custom-stitched - direct from the designer. </p> <div class="flex flex-row items-center justify-center lg:justify-start gap-3 sm:gap-4 pt-4 sm:pt-6 w-full sm:w-auto animate-fade-in-up delay-3" data-astro-cid-j7pv25f6> <!-- Side-by-side on all viewports (same layout pattern as pre-pass hero). --> <a id="hero-primary-btn" href="/boutiques" data-analytics="hero_find_boutiques" class="relative overflow-hidden border-none rounded-xl px-3 sm:px-10 py-0 sm:py-6 text-sm sm:text-lg h-12 sm:h-auto shadow-xl transition-all duration-300 hover:scale-105 active:scale-95 text-white flex-1 sm:flex-none w-auto cursor-pointer inline-flex items-center justify-center whitespace-nowrap no-underline group" data-astro-cid-j7pv25f6> <div class="absolute inset-0 bg-gradient-to-r from-grad-start to-grad-end z-0" data-astro-cid-j7pv25f6></div> <div class="absolute inset-0 bg-white/5 group-hover:bg-white/12 backdrop-blur-[4px] border border-white/20 group-hover:border-white/35 rounded-xl z-10 transition-all duration-300 pointer-events-none" data-astro-cid-j7pv25f6></div> <span class="relative z-20 font-bold" data-astro-cid-j7pv25f6>Find Boutiques</span> </a> <a id="hero-app-btn" href="https://play.google.com/store/apps/details?id=manil.fashknit" data-app-store-link data-analytics="hero_download_app" class="glass-btn font-bold rounded-xl px-3 sm:px-10 py-0 sm:py-6 text-sm sm:text-lg h-12 sm:h-auto shadow-sm transition-all duration-300 hover:scale-105 active:scale-95 flex-1 sm:flex-none w-auto cursor-pointer inline-flex items-center justify-center whitespace-nowrap no-underline" data-astro-cid-j7pv25f6> <span class="sm:hidden" data-astro-cid-j7pv25f6>Download App</span> <span class="hidden sm:inline" data-astro-cid-j7pv25f6>Download the App</span> </a> </div> <div class="flex flex-wrap items-center justify-center lg:justify-start gap-x-4 gap-y-2 text-sm text-neutral-light-grey/70 animate-fade-in-up delay-3" data-astro-cid-j7pv25f6> <a href="/trends" class="font-bold text-neutral-white/90 hover:text-primary-orange transition-colors no-underline" data-analytics="hero_explore_trends" data-astro-cid-j7pv25f6>Explore Trends</a> <span class="text-white/20" aria-hidden="true" data-astro-cid-j7pv25f6>·</span> <a href="/boutiques" class="font-bold text-neutral-white/90 hover:text-primary-orange transition-colors no-underline" data-analytics="hero_browse_cities" data-astro-cid-j7pv25f6>Browse by city</a> <a href="/locations/ahmadabad" class="hidden sm:inline font-medium text-neutral-light-grey/60 hover:text-primary-orange transition-colors no-underline" data-analytics="hero_city_hub" data-city="ahmadabad" data-astro-cid-j7pv25f6> Ahmadabad </a><a href="/locations/ahmedabad" class="hidden sm:inline font-medium text-neutral-light-grey/60 hover:text-primary-orange transition-colors no-underline" data-analytics="hero_city_hub" data-city="ahmedabad" data-astro-cid-j7pv25f6> Ahmedabad </a><a href="/locations/bengaluru" class="hidden sm:inline font-medium text-neutral-light-grey/60 hover:text-primary-orange transition-colors no-underline" data-analytics="hero_city_hub" data-city="bengaluru" data-astro-cid-j7pv25f6> Bengaluru </a> </div> </div> </div> </section> </div> <script>
    (function () {
      function initHeroSequence() {
        const container = document.querySelector('.scroll-sequence-container');
        const video = document.getElementById('hero-sequence-video');
        const textContainer = document.querySelector('.hero-text-container');
        const gradientOverlay = document.getElementById('hero-gradient-overlay');

        if (!container || !video) return;

        let videoBuffered = false;
        let videoVisible = false;
        let videoFailed = false;
        const isMobile = window.matchMedia('(max-width: 1024px)').matches;
        const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;

        function syncVideoReadyState() {
          if (videoFailed || videoBuffered) return;
          // HAVE_FUTURE_DATA (3) means the browser can advance playback/seek reliably.
          if (video.readyState >= 3 && Number.isFinite(video.duration) && video.duration > 0) {
            markVideoBuffered();
          }
        }

        function tryPlayMobileVideo() {
          if (!isMobile || videoFailed || prefersReducedMotion) return;
          video.play().catch(function () {});
        }

        function ensureVideoLoading() {
          if (videoFailed || prefersReducedMotion) return;

          if (isMobile) {
            video.autoplay = true;
            video.loop = true;
            // Keep metadata preload on mobile so poster (fetchpriority=high img) wins LCP.
            video.preload = 'metadata';
          } else {
            video.autoplay = false;
            video.loop = false;
            video.preload = 'auto';
          }

          if (!video.getAttribute('src')) {
            video.src = '/hero-loop.mp4';
          }
          // Re-trigger load after client navigations where the element may retain src but stall.
          if (video.readyState === 0) {
            video.load();
          }
          syncVideoReadyState();
        }

        function markVideoBuffered() {
          if (videoFailed || videoBuffered) return;
          videoBuffered = true;
          updateProgress();
        }

        function revealVideo() {
          if (videoFailed || videoVisible) return;
          videoVisible = true;
          video.classList.remove('opacity-0');
        }

        function onVideoLifecycleEvent() {
          syncVideoReadyState();
          if (isMobile && video.readyState >= 3) {
            tryPlayMobileVideo();
          }
        }

        function onVideoError() {
          videoFailed = true;
          videoBuffered = false;
        }

        let targetProgress = 0;
        let currentProgress = 0;
        let animationFrameId = null;
        let lastSeekTime = -1;
        const SEEK_FRAME = 1 / 30; // ~one frame at 30fps; skip redundant seeks

        const videoLifecycleEvents = ['loadedmetadata', 'loadeddata', 'canplay', 'canplaythrough'];
        videoLifecycleEvents.forEach(function (eventName) {
          video.addEventListener(eventName, onVideoLifecycleEvent);
        });
        video.addEventListener('error', onVideoError);

        if (prefersReducedMotion) {
          video.preload = 'none';
          video.pause();
          video.removeAttribute('src');
          video.load();
        } else {
          ensureVideoLoading();
        }

        function updateProgress() {
          if (!videoVisible && videoBuffered && (isMobile || window.scrollY > 0)) {
            revealVideo();
          }

          const rect = container.getBoundingClientRect();

          // Optimize mobile battery: pause autoplaying video when scrolled completely out of view
          if (isMobile && videoBuffered && !videoFailed) {
            if (rect.bottom < 0 || rect.top > window.innerHeight) {
              if (!video.paused) {
                video.pause();
              }
            } else {
              if (video.paused) {
                tryPlayMobileVideo();
              }
            }
          }

          const scrollRange = rect.height - window.innerHeight;
          if (scrollRange <= 0) return;

          let progress = -rect.top / scrollRange;
          progress = Math.max(0, Math.min(1, progress));
          targetProgress = progress;
          scheduleAnimate();
        }

        let lastProgress = -1;
        let velocity = 0; // spring velocity

        function animate() {
          animationFrameId = null;

          // Spring Physics parameters: stiffness (tension) and damping (friction)
          const displacement = targetProgress - currentProgress;
          const springTension = 0.08;
          const damping = 0.35;

          // Hooke's Law + air resistance
          const springForce = displacement * springTension;
          velocity += springForce;
          velocity *= 1 - damping;

          currentProgress += velocity;

          // Settle threshold to avoid microscopic updates near the target
          if (Math.abs(displacement) < 0.0001 && Math.abs(velocity) < 0.0001) {
            currentProgress = targetProgress;
            velocity = 0;
          }

          // 1. Seek video based on progress (direct assignment; browser coalesces rapid seeks - DESKTOP ONLY)
          if (!isMobile && currentProgress !== lastProgress) {
            if (
              videoBuffered &&
              !videoFailed &&
              (currentProgress > 0.001 || lastProgress > 0) &&
              Number.isFinite(video.duration) &&
              video.duration > 0
            ) {
              const targetTime = currentProgress * video.duration;
              if (Math.abs(targetTime - lastSeekTime) >= SEEK_FRAME) {
                video.currentTime = targetTime;
                lastSeekTime = targetTime;
              }
            }
            lastProgress = currentProgress;
          }

          // 2. Animate typography opacity and translateY
          if (textContainer) {
            const opacity = Math.max(0, 1 - currentProgress * 1.6);
            const translateY = -currentProgress * 60;
            textContainer.style.opacity = opacity.toString();
            textContainer.style.transform = `translateY(${translateY}px)`;
            textContainer.style.pointerEvents = opacity > 0.1 ? 'auto' : 'none';

            if (gradientOverlay) {
              gradientOverlay.style.opacity = opacity.toString();
            }
          }

          if (Math.abs(targetProgress - currentProgress) > 0.0001 || Math.abs(velocity) > 0.0001) {
            scheduleAnimate();
          }
        }

        function scheduleAnimate() {
          if (!animationFrameId) {
            animationFrameId = requestAnimationFrame(animate);
          }
        }

        window.addEventListener('scroll', updateProgress, { passive: true });
        updateProgress();

        function destroy() {
          window.removeEventListener('scroll', updateProgress);
          videoLifecycleEvents.forEach(function (eventName) {
            video.removeEventListener(eventName, onVideoLifecycleEvent);
          });
          video.removeEventListener('error', onVideoError);
          video.pause();
          video.autoplay = false;
          video.loop = false;
          video.classList.add('opacity-0');
          if (animationFrameId) {
            cancelAnimationFrame(animationFrameId);
            animationFrameId = null;
          }
          lastSeekTime = -1;
        }

        window.fashknitHeroSequence = { destroy };
      }

      function bootHeroSequence() {
        if (window.fashknitHeroSequence) {
          window.fashknitHeroSequence.destroy();
        }
        initHeroSequence();
      }

      if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', bootHeroSequence, { once: true });
      } else {
        bootHeroSequence();
      }
      document.addEventListener('astro:after-swap', bootHeroSequence);
    })();
  </script> <script>
    (function () {
      const observer = new IntersectionObserver(
        (entries) => {
          entries.forEach((entry) => {
            if (entry.isIntersecting) {
              entry.target.classList.add('reveal-visible');
              observer.unobserve(entry.target);
            }
          });
        },
        { threshold: 0.1, rootMargin: '0px 0px -150px 0px' }
      );

      function initScrollReveals() {
        const revealElements = document.querySelectorAll('.reveal-on-scroll');
        revealElements.forEach((el) => observer.observe(el));
      }

      document.addEventListener('DOMContentLoaded', initScrollReveals);
      document.addEventListener('astro:after-swap', initScrollReveals);
      if (document.readyState === 'complete' || document.readyState === 'interactive') {
        initScrollReveals();
      }
    })();
  </script>   <style>astro-island,astro-slot,astro-static-slot{display:contents}</style><script>(()=>{var a=(s,i,o)=>{let r=async()=>{await(await s())()},t=typeof i.value=="object"?i.value:void 0,c={rootMargin:t==null?void 0:t.rootMargin},n=new IntersectionObserver(e=>{for(let l of e)if(l.isIntersecting){n.disconnect(),r();break}},c);for(let e of o.children)n.observe(e)};(self.Astro||(self.Astro={})).visible=a;window.dispatchEvent(new Event("astro:visible"));})();</script><script>(()=>{var g=Object.defineProperty;var w=(c,s,d)=>s in c?g(c,s,{enumerable:!0,configurable:!0,writable:!0,value:d}):c[s]=d;var l=(c,s,d)=>w(c,typeof s!="symbol"?s+"":s,d);var E=new Set(["__proto__","constructor","prototype"]);{let c={0:t=>y(t),1:t=>d(t),2:t=>new RegExp(t),3:t=>new Date(t),4:t=>new Map(d(t)),5:t=>new Set(d(t)),6:t=>BigInt(t),7:t=>new URL(t),8:t=>new Uint8Array(t),9:t=>new Uint16Array(t),10:t=>new Uint32Array(t),11:t=>Number.POSITIVE_INFINITY*t},s=t=>{let[p,e]=t;return p in c?c[p](e):void 0},d=t=>t.map(s),y=t=>typeof t!="object"||t===null?t:Object.fromEntries(Object.entries(t).map(([p,e])=>[p,s(e)]));class f extends HTMLElement{constructor(){super(...arguments);l(this,"Component");l(this,"hydrator");l(this,"hydrate",async()=>{var b;if(!this.hydrator||!this.isConnected)return;let e=(b=this.parentElement)==null?void 0:b.closest("astro-island[ssr]");if(e){e.addEventListener("astro:hydrate",this.hydrate,{once:!0});return}let n=this.querySelectorAll("astro-slot"),r={},i=this.querySelectorAll("template[data-astro-template]");for(let o of i){let a=o.closest(this.tagName);a!=null&&a.isSameNode(this)&&(r[o.getAttribute("data-astro-template")||"default"]=o.innerHTML,o.remove())}for(let o of n){let a=o.closest(this.tagName);a!=null&&a.isSameNode(this)&&(r[o.getAttribute("name")||"default"]=o.innerHTML)}let u;try{u=this.hasAttribute("props")?y(JSON.parse(this.getAttribute("props"))):{}}catch(o){let a=this.getAttribute("component-url")||"<unknown>",v=this.getAttribute("component-export");throw v&&(a+=` (export ${v})`),console.error(`[hydrate] Error parsing props for component ${a}`,this.getAttribute("props"),o),o}let h;await this.hydrator(this)(this.Component,u,r,{client:this.getAttribute("client")}),this.removeAttribute("ssr"),this.dispatchEvent(new CustomEvent("astro:hydrate"))});l(this,"unmount",()=>{this.isConnected||this.dispatchEvent(new CustomEvent("astro:unmount"))})}disconnectedCallback(){document.removeEventListener("astro:after-swap",this.unmount),document.addEventListener("astro:after-swap",this.unmount,{once:!0})}connectedCallback(){if(!this.hasAttribute("await-children")||document.readyState==="interactive"||document.readyState==="complete")this.childrenConnectedCallback();else{let e=()=>{document.removeEventListener("DOMContentLoaded",e),n.disconnect(),this.childrenConnectedCallback()},n=new MutationObserver(()=>{var r;((r=this.lastChild)==null?void 0:r.nodeType)===Node.COMMENT_NODE&&this.lastChild.nodeValue==="astro:end"&&(this.lastChild.remove(),e())});n.observe(this,{childList:!0}),document.addEventListener("DOMContentLoaded",e)}}async childrenConnectedCallback(){let e=this.getAttribute("before-hydration-url");e&&await import(e),this.start()}getRetryImportUrl(e){let n=new URL(e,document.baseURI),r=`astro-retry=${Date.now()}`,i=n.hash.replace(/^#/,"");return n.hash=i?`${i}&${r}`:r,n.toString()}async importWithRetry(e){try{return await import(e)}catch(n){return await new Promise(r=>setTimeout(r,1e3)),import(this.getRetryImportUrl(e))}}handleHydrationError(e){let n=this.getAttribute("component-url"),r=new CustomEvent("astro:hydration-error",{cancelable:!0,bubbles:!0,composed:!0,detail:{error:e,componentUrl:n}});this.dispatchEvent(r)&&console.error(`[astro-island] Error hydrating ${n}`,e)}async start(){let e=JSON.parse(this.getAttribute("opts")),n=this.getAttribute("client");if(Astro[n]===void 0){window.addEventListener(`astro:${n}`,()=>this.start(),{once:!0});return}try{await Astro[n](async()=>{let r=this.getAttribute("renderer-url");try{let[i,{default:u}]=await Promise.all([this.importWithRetry(this.getAttribute("component-url")),r?this.importWithRetry(r):Promise.resolve({default:()=>()=>{}})]),h=this.getAttribute("component-export")||"default";if(h.includes(".")){this.Component=i;for(let m of h.split(".")){if(E.has(m)||!this.Component||typeof this.Component!="object"&&typeof this.Component!="function"||!Object.hasOwn(this.Component,m))throw new Error(`Invalid component export path: ${h}`);this.Component=this.Component[m]}}else{if(E.has(h))throw new Error(`Invalid component export path: ${h}`);this.Component=i[h]}return this.hydrator=u,this.hydrate}catch(i){return this.handleHydrationError(i),()=>{}}},e,this)}catch(r){this.handleHydrationError(r)}}attributeChangedCallback(){this.hydrate()}}l(f,"observedAttributes",["props"]),customElements.get("astro-island")||customElements.define("astro-island",f)}})();</script><astro-island uid="Z2vLxan" prefix="r2" component-url="/_astro/TryOnScrollReveal.CVoRPnM8.js" component-export="TryOnScrollReveal" renderer-url="/_astro/client.CLFElPWB.js" props="{&quot;data-astro-cid-j7pv25f6&quot;:[0,true]}" ssr client="visible" opts="{&quot;name&quot;:&quot;TryOnScrollReveal&quot;,&quot;value&quot;:true}" await-children><div class="relative w-full" style="height:320vh"><div class="sticky top-0 w-full h-[100dvh] overflow-hidden flex flex-col items-center justify-center bg-transparent px-6 sm:px-12 lg:px-24"><div class="relative w-full max-w-7xl h-full flex items-center justify-center lg:justify-between gap-8 lg:gap-12 xl:gap-16"><div class="hidden lg:flex flex-1 h-full items-center justify-start"><div class="w-full max-w-[340px] xl:max-w-[380px] z-20 pointer-events-auto" style="opacity:0;transform:translateY(40px);pointer-events:none;transition:opacity 0.05s ease-out, transform 0.05s ease-out"><div class="dark-glass-card p-8 xl:p-10 shadow-[0_24px_60px_rgba(0,0,0,0.6)]"><div class="inline-flex items-center rounded-full border border-[#E33366]/40 bg-[#E33366]/10 px-4 py-1.5 text-xs font-bold text-[#E33366] tracking-wider mb-6 shadow-sm"><svg class="mr-2 h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"></path></svg>AI VIRTUAL TRY-ON</div><h2 class="text-3xl xl:text-4xl font-extrabold text-white leading-tight tracking-tight mb-4">See it on you before it&#x27;s stitched.</h2><p class="text-base text-neutral-light-grey/80 leading-relaxed">Scroll to animate the drape. Our custom AI overlays designer garments onto your body shape, showing you exactly how occasion wear will look on you.</p></div></div></div><div class="flex justify-center items-center shrink-0 w-[260px] sm:w-[320px] lg:w-[340px] xl:w-[360px] h-full relative z-10 pointer-events-none lg:pointer-events-auto"><div class="transition-transform duration-75 ease-out pointer-events-none lg:pointer-events-auto" style="transform:scale(0.85) translateY(80px)"><div class="relative w-[260px] sm:w-[320px] lg:w-[340px] xl:w-[360px] aspect-[9/19] rounded-[3rem] lg:rounded-[3.25rem] bg-gradient-to-b from-[#5c5e63] via-[#1b1c1e] to-[#3c3e42] p-[2.5px] shadow-[0_30px_70px_rgba(0,0,0,0.9)] ring-1 ring-white/15"><div class="absolute inset-0 rounded-[3rem] lg:rounded-[3.25rem] pointer-events-none mix-blend-screen opacity-85 transition-opacity duration-300 z-20" style="background:linear-gradient(110deg, transparent 20%, rgba(255,255,255,0.1) 40%, rgba(255,255,255,0.95) 48%, rgba(255,255,255,0.95) 52%, rgba(255,255,255,0.1) 60%, transparent 80%)"></div><div class="absolute left-[-2.5px] top-[18%] w-[2.5px] h-6 bg-gradient-to-b from-[#5c5e63] to-[#2d2e31] rounded-l-sm"></div><div class="absolute left-[-2.5px] top-[25%] w-[2.5px] h-10 bg-gradient-to-b from-[#5c5e63] to-[#2d2e31] rounded-l-sm"></div><div class="absolute left-[-2.5px] top-[32%] w-[2.5px] h-10 bg-gradient-to-b from-[#5c5e63] to-[#2d2e31] rounded-l-sm"></div><div class="absolute right-[-2.5px] top-[29%] w-[2.5px] h-14 bg-gradient-to-b from-[#5c5e63] to-[#2d2e31] rounded-r-sm"></div><div class="w-full h-full p-[8px] lg:p-[9px] bg-black rounded-[2.8rem] lg:rounded-[3.1rem] flex items-center justify-center"><div class="relative z-30 w-full h-full rounded-[2.1rem] lg:rounded-[2.3rem] bg-black overflow-hidden"><div class="absolute top-3 left-1/2 -translate-x-1/2 w-24 h-4.5 bg-black rounded-full z-30 flex items-center justify-between px-3"><div class="w-2 h-2 bg-[#101012] rounded-full"></div><div class="w-1 h-1 bg-[#101012] rounded-full"></div></div><img src="/tryon_after.webp" alt="Virtual Try-On Result" class="absolute inset-0 w-full h-full object-cover object-center"/><div class="absolute inset-0 w-full h-full will-change-[clip-path] z-10" style="clip-path:inset(0 0% 0 0)"><img src="/tryon_before.webp" alt="Original Look" class="absolute inset-0 w-full h-full object-cover object-center"/></div></div></div></div></div></div><div class="hidden lg:flex flex-1 h-full items-center justify-end"><div class="w-full max-w-[340px] xl:max-w-[380px] z-20 pointer-events-auto" style="opacity:0;transform:translateY(40px);pointer-events:none;transition:opacity 0.05s ease-out, transform 0.05s ease-out"><div class="dark-glass-card p-8 xl:p-10 shadow-[0_24px_60px_rgba(0,0,0,0.6)]"><h2 class="text-3xl xl:text-4xl font-extrabold text-white leading-tight tracking-tight mb-6">Stop guessing, <br/><span class="bg-gradient-to-r from-[#E33366] to-[#F77737] bg-clip-text text-transparent">start experiencing.</span></h2><p class="text-base text-neutral-light-grey/80 leading-relaxed mb-8">Experience the fit and drape of bridal lehengas and wedding gowns instantly. No sizing surprises. Just tailored designer perfection.</p><a href="https://play.google.com/store/apps/details?id=manil.fashknit" data-app-store-link="" class="mesh-gradient border-none font-bold rounded-xl px-8 py-5 text-base h-auto shadow-xl transition-all duration-300 hover:scale-[1.03] active:scale-[0.97] text-neutral-white flex items-center gap-2 w-full justify-center cursor-pointer no-underline">Get the App</a></div></div></div></div><div class="lg:hidden absolute bottom-4 inset-x-4 h-[35dvh] flex items-center justify-center pointer-events-none z-30"><div class="absolute inset-x-0 bottom-4 transition-all duration-[50ms] pointer-events-auto" style="opacity:0;transform:translateY(40px);pointer-events:none"><div class="dark-glass-card p-6 shadow-xl text-center"><div class="inline-flex items-center rounded-full border border-[#E33366]/40 bg-[#E33366]/10 px-3 py-1 text-[10px] font-bold text-[#E33366] tracking-wider mb-3 shadow-sm">AI VIRTUAL TRY-ON</div><h2 class="text-xl font-extrabold text-white leading-tight mb-2">See it on you before it&#x27;s stitched.</h2><p class="text-xs text-neutral-light-grey/80 leading-relaxed">Scroll to drape outfits. Our AI maps design drape onto your measurements instantly.</p></div></div><div class="absolute inset-x-0 bottom-4 transition-all duration-[50ms] pointer-events-auto" style="opacity:0;transform:translateY(40px);pointer-events:none"><div class="dark-glass-card p-6 shadow-xl text-center flex flex-col items-center"><h2 class="text-xl font-extrabold text-white leading-tight mb-2">Stop guessing, start experiencing.</h2><p class="text-xs text-neutral-light-grey/80 leading-relaxed mb-4">Experience fit instantly. Order tailored designer wear.</p><a href="https://play.google.com/store/apps/details?id=manil.fashknit" data-app-store-link="" class="mesh-gradient border-none font-bold rounded-xl px-6 py-3.5 text-xs h-auto shadow-xl text-neutral-white flex items-center gap-1.5 justify-center cursor-pointer w-[180px] no-underline">Get the App</a></div></div></div></div></div><!--astro:end--></astro-island>  <section class="py-24 bg-transparent text-neutral-white relative overflow-clip" data-astro-cid-btwp76tq> <div class="max-w-7xl mx-auto px-6 sm:px-12 lg:px-24 mb-12 text-center reveal-on-scroll" data-astro-cid-btwp76tq> <h2 class="text-h3 sm:text-h2 lg:text-display font-serif font-medium text-neutral-white tracking-tight leading-tight" data-astro-cid-btwp76tq> <span class="block apple-text-reveal reveal-line-1" data-astro-cid-btwp76tq>Explore designer categories &amp; custom looks</span> </h2> <p class="mt-4 text-body-large text-neutral-light-grey/80 leading-relaxed max-w-2xl mx-auto" data-astro-cid-btwp76tq>
Blouse designs, lehengas, sarees, suits and more - browse real portfolio work from custom
      boutiques across India, then connect with the designer.
</p> </div> <div class="w-full relative group/slider min-w-0 max-w-full" data-astro-cid-btwp76tq> <!-- Scroll Left Button (Desktop Only) --> <button id="cat-scroll-left" class="carousel-nav-btn hidden md:flex absolute left-8 top-1/2 -translate-y-1/2 z-10 w-14 h-14 bg-white/10 backdrop-blur-md shadow-lg rounded-full items-center justify-center text-neutral-white hover:scale-110 hover:bg-white/20 transition-all duration-300 opacity-0 group-hover/slider:opacity-100 disabled:opacity-0 focus:outline-none border border-white/10 cursor-pointer" aria-label="Scroll left" data-astro-cid-btwp76tq> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-btwp76tq> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M15 19l-7-7 7-7" data-astro-cid-btwp76tq></path> </svg> </button> <!-- Scroll Right Button (Desktop Only) --> <button id="cat-scroll-right" class="carousel-nav-btn hidden md:flex absolute right-8 top-1/2 -translate-y-1/2 z-10 w-14 h-14 bg-white/10 backdrop-blur-md shadow-lg rounded-full items-center justify-center text-neutral-white hover:scale-110 hover:bg-white/20 transition-all duration-300 opacity-0 group-hover/slider:opacity-100 disabled:opacity-0 focus:outline-none border border-white/10 cursor-pointer" aria-label="Scroll right" data-astro-cid-btwp76tq> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-btwp76tq> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M9 5l7 7-7 7" data-astro-cid-btwp76tq></path> </svg> </button> <!-- Carousel Container --> <div id="cat-carousel-container" class="flex overflow-x-auto scrollbar-hide py-4 px-6 sm:px-12 lg:px-24 gap-6 sm:gap-10 md:gap-12 lg:gap-16 items-start scroll-smooth w-full min-w-0 max-w-full lg:justify-start xl:justify-start 2xl:justify-center" data-astro-cid-btwp76tq> <a href="/trends/blouse" class="category-item flex-shrink-0 flex flex-col items-center group no-underline focus:outline-none opacity-0 translate-y-6 transition-all duration-[1200ms] ease-[cubic-bezier(0.16,1,0.3,1)]" data-astro-cid-btwp76tq> <div class="w-24 h-32 sm:w-28 sm:h-36 lg:w-32 lg:h-40 rounded-[2rem] sm:rounded-[2.25rem] lg:rounded-[2.5rem] p-[3px] bg-white/10 group-hover:bg-gradient-to-tr group-hover:from-grad-start group-hover:to-grad-end transition-all duration-500 shadow-sm group-hover:shadow-lg group-hover:scale-105 active:scale-95" data-astro-cid-btwp76tq> <div class="w-full h-full rounded-[2rem] sm:rounded-[2.25rem] lg:rounded-[2.5rem] bg-white/[0.06] backdrop-blur-md p-[2px] overflow-hidden" data-astro-cid-btwp76tq> <img src="https://media.fashknit.com/category/images/f1ba5bb4769b4ad69a72585584583007.webp" alt="Blouse" class="w-full h-full object-cover rounded-[2rem] sm:rounded-[2.25rem] lg:rounded-[2.5rem] transition-transform duration-700 group-hover:scale-105" loading="lazy" width="128" height="128" data-astro-cid-btwp76tq> </div> </div> <span class="mt-4 text-xs sm:text-sm font-medium text-neutral-light-grey/80 group-hover:text-primary-orange transition-colors duration-300 text-center tracking-tight max-w-[120px]" data-astro-cid-btwp76tq> Blouse </span> </a><a href="/trends/lehenga" class="category-item flex-shrink-0 flex flex-col items-center group no-underline focus:outline-none opacity-0 translate-y-6 transition-all duration-[1200ms] ease-[cubic-bezier(0.16,1,0.3,1)]" data-astro-cid-btwp76tq> <div class="w-24 h-32 sm:w-28 sm:h-36 lg:w-32 lg:h-40 rounded-[2rem] sm:rounded-[2.25rem] lg:rounded-[2.5rem] p-[3px] bg-white/10 group-hover:bg-gradient-to-tr group-hover:from-grad-start group-hover:to-grad-end transition-all duration-500 shadow-sm group-hover:shadow-lg group-hover:scale-105 active:scale-95" data-astro-cid-btwp76tq> <div class="w-full h-full rounded-[2rem] sm:rounded-[2.25rem] lg:rounded-[2.5rem] bg-white/[0.06] backdrop-blur-md p-[2px] overflow-hidden" data-astro-cid-btwp76tq> <img src="https://media.fashknit.com/category/images/3ada19127ea84f2d925ebe25c2040977.webp" alt="Lehenga" class="w-full h-full object-cover rounded-[2rem] sm:rounded-[2.25rem] lg:rounded-[2.5rem] transition-transform duration-700 group-hover:scale-105" loading="lazy" width="128" height="128" data-astro-cid-btwp76tq> </div> </div> <span class="mt-4 text-xs sm:text-sm font-medium text-neutral-light-grey/80 group-hover:text-primary-orange transition-colors duration-300 text-center tracking-tight max-w-[120px]" data-astro-cid-btwp76tq> Lehenga </span> </a><a href="/trends/saree" class="category-item flex-shrink-0 flex flex-col items-center group no-underline focus:outline-none opacity-0 translate-y-6 transition-all duration-[1200ms] ease-[cubic-bezier(0.16,1,0.3,1)]" data-astro-cid-btwp76tq> <div class="w-24 h-32 sm:w-28 sm:h-36 lg:w-32 lg:h-40 rounded-[2rem] sm:rounded-[2.25rem] lg:rounded-[2.5rem] p-[3px] bg-white/10 group-hover:bg-gradient-to-tr group-hover:from-grad-start group-hover:to-grad-end transition-all duration-500 shadow-sm group-hover:shadow-lg group-hover:scale-105 active:scale-95" data-astro-cid-btwp76tq> <div class="w-full h-full rounded-[2rem] sm:rounded-[2.25rem] lg:rounded-[2.5rem] bg-white/[0.06] backdrop-blur-md p-[2px] overflow-hidden" data-astro-cid-btwp76tq> <img src="https://media.fashknit.com/category/images/f771dea24eb34936a1f6b358ac2a69c0.webp" alt="Saree" class="w-full h-full object-cover rounded-[2rem] sm:rounded-[2.25rem] lg:rounded-[2.5rem] transition-transform duration-700 group-hover:scale-105" loading="lazy" width="128" height="128" data-astro-cid-btwp76tq> </div> </div> <span class="mt-4 text-xs sm:text-sm font-medium text-neutral-light-grey/80 group-hover:text-primary-orange transition-colors duration-300 text-center tracking-tight max-w-[120px]" data-astro-cid-btwp76tq> Saree </span> </a><a href="/trends/kurti" class="category-item flex-shrink-0 flex flex-col items-center group no-underline focus:outline-none opacity-0 translate-y-6 transition-all duration-[1200ms] ease-[cubic-bezier(0.16,1,0.3,1)]" data-astro-cid-btwp76tq> <div class="w-24 h-32 sm:w-28 sm:h-36 lg:w-32 lg:h-40 rounded-[2rem] sm:rounded-[2.25rem] lg:rounded-[2.5rem] p-[3px] bg-white/10 group-hover:bg-gradient-to-tr group-hover:from-grad-start group-hover:to-grad-end transition-all duration-500 shadow-sm group-hover:shadow-lg group-hover:scale-105 active:scale-95" data-astro-cid-btwp76tq> <div class="w-full h-full rounded-[2rem] sm:rounded-[2.25rem] lg:rounded-[2.5rem] bg-white/[0.06] backdrop-blur-md p-[2px] overflow-hidden" data-astro-cid-btwp76tq> <img src="https://media.fashknit.com/category/images/902b6f55e8904857b9ea3440d4286bee.webp" alt="Kurti" class="w-full h-full object-cover rounded-[2rem] sm:rounded-[2.25rem] lg:rounded-[2.5rem] transition-transform duration-700 group-hover:scale-105" loading="lazy" width="128" height="128" data-astro-cid-btwp76tq> </div> </div> <span class="mt-4 text-xs sm:text-sm font-medium text-neutral-light-grey/80 group-hover:text-primary-orange transition-colors duration-300 text-center tracking-tight max-w-[120px]" data-astro-cid-btwp76tq> Kurti </span> </a><a href="/trends/gown" class="category-item flex-shrink-0 flex flex-col items-center group no-underline focus:outline-none opacity-0 translate-y-6 transition-all duration-[1200ms] ease-[cubic-bezier(0.16,1,0.3,1)]" data-astro-cid-btwp76tq> <div class="w-24 h-32 sm:w-28 sm:h-36 lg:w-32 lg:h-40 rounded-[2rem] sm:rounded-[2.25rem] lg:rounded-[2.5rem] p-[3px] bg-white/10 group-hover:bg-gradient-to-tr group-hover:from-grad-start group-hover:to-grad-end transition-all duration-500 shadow-sm group-hover:shadow-lg group-hover:scale-105 active:scale-95" data-astro-cid-btwp76tq> <div class="w-full h-full rounded-[2rem] sm:rounded-[2.25rem] lg:rounded-[2.5rem] bg-white/[0.06] backdrop-blur-md p-[2px] overflow-hidden" data-astro-cid-btwp76tq> <img src="https://media.fashknit.com/category/images/953350c67bbb4062aa33e0b5435c8f9b.webp" alt="Gown" class="w-full h-full object-cover rounded-[2rem] sm:rounded-[2.25rem] lg:rounded-[2.5rem] transition-transform duration-700 group-hover:scale-105" loading="lazy" width="128" height="128" data-astro-cid-btwp76tq> </div> </div> <span class="mt-4 text-xs sm:text-sm font-medium text-neutral-light-grey/80 group-hover:text-primary-orange transition-colors duration-300 text-center tracking-tight max-w-[120px]" data-astro-cid-btwp76tq> Gown </span> </a><a href="/trends/indowestern" class="category-item flex-shrink-0 flex flex-col items-center group no-underline focus:outline-none opacity-0 translate-y-6 transition-all duration-[1200ms] ease-[cubic-bezier(0.16,1,0.3,1)]" data-astro-cid-btwp76tq> <div class="w-24 h-32 sm:w-28 sm:h-36 lg:w-32 lg:h-40 rounded-[2rem] sm:rounded-[2.25rem] lg:rounded-[2.5rem] p-[3px] bg-white/10 group-hover:bg-gradient-to-tr group-hover:from-grad-start group-hover:to-grad-end transition-all duration-500 shadow-sm group-hover:shadow-lg group-hover:scale-105 active:scale-95" data-astro-cid-btwp76tq> <div class="w-full h-full rounded-[2rem] sm:rounded-[2.25rem] lg:rounded-[2.5rem] bg-white/[0.06] backdrop-blur-md p-[2px] overflow-hidden" data-astro-cid-btwp76tq> <img src="https://media.fashknit.com/category/images/e70c6fb5848a496c99edba134188980c.webp" alt="Indowestern" class="w-full h-full object-cover rounded-[2rem] sm:rounded-[2.25rem] lg:rounded-[2.5rem] transition-transform duration-700 group-hover:scale-105" loading="lazy" width="128" height="128" data-astro-cid-btwp76tq> </div> </div> <span class="mt-4 text-xs sm:text-sm font-medium text-neutral-light-grey/80 group-hover:text-primary-orange transition-colors duration-300 text-center tracking-tight max-w-[120px]" data-astro-cid-btwp76tq> Indowestern </span> </a><a href="/trends/western" class="category-item flex-shrink-0 flex flex-col items-center group no-underline focus:outline-none opacity-0 translate-y-6 transition-all duration-[1200ms] ease-[cubic-bezier(0.16,1,0.3,1)]" data-astro-cid-btwp76tq> <div class="w-24 h-32 sm:w-28 sm:h-36 lg:w-32 lg:h-40 rounded-[2rem] sm:rounded-[2.25rem] lg:rounded-[2.5rem] p-[3px] bg-white/10 group-hover:bg-gradient-to-tr group-hover:from-grad-start group-hover:to-grad-end transition-all duration-500 shadow-sm group-hover:shadow-lg group-hover:scale-105 active:scale-95" data-astro-cid-btwp76tq> <div class="w-full h-full rounded-[2rem] sm:rounded-[2.25rem] lg:rounded-[2.5rem] bg-white/[0.06] backdrop-blur-md p-[2px] overflow-hidden" data-astro-cid-btwp76tq> <img src="https://media.fashknit.com/category/images/7a51d4b5afd44cdbb51e18debb42fb96.webp" alt="Western" class="w-full h-full object-cover rounded-[2rem] sm:rounded-[2.25rem] lg:rounded-[2.5rem] transition-transform duration-700 group-hover:scale-105" loading="lazy" width="128" height="128" data-astro-cid-btwp76tq> </div> </div> <span class="mt-4 text-xs sm:text-sm font-medium text-neutral-light-grey/80 group-hover:text-primary-orange transition-colors duration-300 text-center tracking-tight max-w-[120px]" data-astro-cid-btwp76tq> Western </span> </a><a href="/trends/suit" class="category-item flex-shrink-0 flex flex-col items-center group no-underline focus:outline-none opacity-0 translate-y-6 transition-all duration-[1200ms] ease-[cubic-bezier(0.16,1,0.3,1)]" data-astro-cid-btwp76tq> <div class="w-24 h-32 sm:w-28 sm:h-36 lg:w-32 lg:h-40 rounded-[2rem] sm:rounded-[2.25rem] lg:rounded-[2.5rem] p-[3px] bg-white/10 group-hover:bg-gradient-to-tr group-hover:from-grad-start group-hover:to-grad-end transition-all duration-500 shadow-sm group-hover:shadow-lg group-hover:scale-105 active:scale-95" data-astro-cid-btwp76tq> <div class="w-full h-full rounded-[2rem] sm:rounded-[2.25rem] lg:rounded-[2.5rem] bg-white/[0.06] backdrop-blur-md p-[2px] overflow-hidden" data-astro-cid-btwp76tq> <img src="https://media.fashknit.com/category/images/4c9a10cc7670400aa7c5f792cd82ef97.webp" alt="Suit" class="w-full h-full object-cover rounded-[2rem] sm:rounded-[2.25rem] lg:rounded-[2.5rem] transition-transform duration-700 group-hover:scale-105" loading="lazy" width="128" height="128" data-astro-cid-btwp76tq> </div> </div> <span class="mt-4 text-xs sm:text-sm font-medium text-neutral-light-grey/80 group-hover:text-primary-orange transition-colors duration-300 text-center tracking-tight max-w-[120px]" data-astro-cid-btwp76tq> Suit </span> </a><a href="/trends/mens" class="category-item flex-shrink-0 flex flex-col items-center group no-underline focus:outline-none opacity-0 translate-y-6 transition-all duration-[1200ms] ease-[cubic-bezier(0.16,1,0.3,1)]" data-astro-cid-btwp76tq> <div class="w-24 h-32 sm:w-28 sm:h-36 lg:w-32 lg:h-40 rounded-[2rem] sm:rounded-[2.25rem] lg:rounded-[2.5rem] p-[3px] bg-white/10 group-hover:bg-gradient-to-tr group-hover:from-grad-start group-hover:to-grad-end transition-all duration-500 shadow-sm group-hover:shadow-lg group-hover:scale-105 active:scale-95" data-astro-cid-btwp76tq> <div class="w-full h-full rounded-[2rem] sm:rounded-[2.25rem] lg:rounded-[2.5rem] bg-white/[0.06] backdrop-blur-md p-[2px] overflow-hidden" data-astro-cid-btwp76tq> <img src="https://media.fashknit.com/category/images/714472cfa2c242c0aa6b7e3c2a0b0e16.webp" alt="Mens" class="w-full h-full object-cover rounded-[2rem] sm:rounded-[2.25rem] lg:rounded-[2.5rem] transition-transform duration-700 group-hover:scale-105" loading="lazy" width="128" height="128" data-astro-cid-btwp76tq> </div> </div> <span class="mt-4 text-xs sm:text-sm font-medium text-neutral-light-grey/80 group-hover:text-primary-orange transition-colors duration-300 text-center tracking-tight max-w-[120px]" data-astro-cid-btwp76tq> Mens </span> </a> </div> <!-- Fade edges on scroll (Desktop Only) --> <div class="pointer-events-none absolute inset-y-0 left-0 w-6 sm:w-12 lg:w-24 bg-gradient-to-r from-[#0B0B0C] to-transparent z-[5]" data-astro-cid-btwp76tq></div> <div class="pointer-events-none absolute inset-y-0 right-0 w-6 sm:w-12 lg:w-24 bg-gradient-to-l from-[#0B0B0C] to-transparent z-[5]" data-astro-cid-btwp76tq></div> </div> <!-- View All Button --> <div class="mt-12 text-center reveal-on-scroll" data-astro-cid-btwp76tq> <a href="/trends" class="glass-btn inline-flex items-center justify-center font-bold rounded-xl px-10 py-4 text-base shadow-sm transition-all duration-300 hover:scale-105 active:scale-95 no-underline" data-astro-cid-btwp76tq>
View All
</a> </div> </section> <script>
  document.addEventListener('DOMContentLoaded', () => {
    const container = document.getElementById('cat-carousel-container');
    const scrollLeftBtn = document.getElementById('cat-scroll-left');
    const scrollRightBtn = document.getElementById('cat-scroll-right');

    if (!container || !scrollLeftBtn || !scrollRightBtn) return;

    const scrollAmount = 300; // rough width of two category circles

    // Staggered reveal for category items
    const categorySection = container.closest('section');
    if (categorySection) {
      const observer = new IntersectionObserver(
        (entries) => {
          entries.forEach((entry) => {
            if (entry.isIntersecting) {
              const items = categorySection.querySelectorAll('.category-item');
              items.forEach((item, index) => {
                setTimeout(() => {
                  item.classList.remove('opacity-0', 'translate-y-6');
                }, index * 120);
              });
              observer.unobserve(entry.target);
            }
          });
        },
        { threshold: 0.1, rootMargin: '0px 0px -150px 0px' }
      );
      observer.observe(categorySection);
    }

    const updateButtons = () => {
      // Hide left button if at start
      if (container.scrollLeft <= 10) {
        scrollLeftBtn.disabled = true;
      } else {
        scrollLeftBtn.disabled = false;
      }

      // Hide right button if at end
      if (container.scrollLeft >= container.scrollWidth - container.clientWidth - 10) {
        scrollRightBtn.disabled = true;
      } else {
        scrollRightBtn.disabled = false;
      }
    };

    scrollLeftBtn.addEventListener('click', () => {
      container.scrollBy({ left: -scrollAmount, behavior: 'smooth' });
    });

    scrollRightBtn.addEventListener('click', () => {
      container.scrollBy({ left: scrollAmount, behavior: 'smooth' });
    });

    container.addEventListener('scroll', updateButtons);
    window.addEventListener('resize', updateButtons);

    // Initial check
    updateButtons();
  });
</script>  <section class="py-24 bg-transparent text-neutral-white relative overflow-clip" data-astro-cid-2potj4y6> <div class="max-w-7xl mx-auto px-6 sm:px-12 lg:px-24 mb-12 flex flex-col md:flex-row md:items-end justify-between gap-6 reveal-on-scroll" data-astro-cid-2potj4y6> <div class="max-w-2xl space-y-4" data-astro-cid-2potj4y6> <div class="inline-flex items-center rounded-full border border-primary-orange/30 bg-primary-orange/10 px-4 py-1.5 text-sm font-bold text-primary-orange tracking-wider shadow-sm" data-astro-cid-2potj4y6>
CURATED DISCOVERY
</div> <h2 class="text-h3 sm:text-h2 lg:text-display font-serif font-medium text-neutral-white leading-tight tracking-tight" data-astro-cid-2potj4y6> <span class="block apple-text-reveal reveal-line-1" data-astro-cid-2potj4y6>Shop looks by occasion</span> <span class="block apple-text-reveal reveal-line-2" data-astro-cid-2potj4y6>— custom-stitched for you.</span> </h2> <p class="text-body-large text-neutral-light-grey/80 leading-relaxed" data-astro-cid-2potj4y6>
Whether it is your wedding, haldi, festive celebration, or a formal evening — find
        independent designers who craft the look to your measurements. Browse the edit, then connect
        directly with the boutique.
</p> </div> <a href="/trends" class="glass-btn shrink-0 inline-flex items-center justify-center font-bold rounded-xl px-8 py-4 text-lg shadow-sm transition-all duration-300 hover:scale-105 active:scale-95 no-underline" data-astro-cid-2potj4y6>
Explore All Trends
</a> </div> <!-- Horizontal Scroll Container --> <div class="w-full relative group/slider" data-astro-cid-2potj4y6> <!-- Scroll Buttons (Desktop Only) --> <button id="scroll-left" class="carousel-nav-btn hidden md:flex absolute left-8 top-1/2 -translate-y-1/2 z-10 w-14 h-14 bg-white/10 backdrop-blur-md shadow-lg rounded-full items-center justify-center text-neutral-white hover:scale-110 hover:bg-white/20 border border-white/10 transition-all duration-300 opacity-0 group-hover/slider:opacity-100 disabled:opacity-0 focus:outline-none cursor-pointer" aria-label="Scroll left" data-astro-cid-2potj4y6> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-2potj4y6><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" data-astro-cid-2potj4y6></path></svg> </button> <button id="scroll-right" class="carousel-nav-btn hidden md:flex absolute right-8 top-1/2 -translate-y-1/2 z-10 w-14 h-14 bg-white/10 backdrop-blur-md shadow-lg rounded-full items-center justify-center text-neutral-white hover:scale-110 hover:bg-white/20 border border-white/10 transition-all duration-300 opacity-0 group-hover/slider:opacity-100 disabled:opacity-0 focus:outline-none cursor-pointer" aria-label="Scroll right" data-astro-cid-2potj4y6> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-2potj4y6><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" data-astro-cid-2potj4y6></path></svg> </button> <div id="carousel-container" class="flex overflow-x-auto snap-x snap-mandatory hide-scrollbar pb-12 pt-4 gap-6 scroll-smooth grid-bleed-carousel" data-astro-cid-2potj4y6> <a href="/trends?tags=668f7a830f4ebc46d7db35f2" class="curated-card group relative shrink-0 w-[280px] sm:w-[320px] lg:w-[400px] aspect-[3/4] snap-center sm:snap-start rounded-3xl overflow-hidden shadow-xl transition-all duration-[1200ms] hover:duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] hover:-translate-y-3 hover:shadow-2xl opacity-0 translate-y-8 block focus:outline-none focus:ring-4 focus:ring-primary-orange" data-astro-cid-2potj4y6> <img src="/occasions/bridal-exclusive.webp" alt="Wedding Exclusive" class="absolute inset-0 w-full h-full object-cover object-center transition-transform duration-700 ease-[cubic-bezier(0.16,1,0.3,1)] group-hover:scale-105" loading="lazy" data-astro-cid-2potj4y6>  <div class="absolute inset-0 bg-gradient-to-t from-black/90 via-black/30 to-transparent" data-astro-cid-2potj4y6></div> <div class="absolute inset-x-0 bottom-0 p-8 flex flex-col justify-end h-full" data-astro-cid-2potj4y6> <h3 class="text-h4 lg:text-h3 font-bold text-neutral-white mb-2 transform transition-transform duration-300 group-hover:-translate-y-2" data-astro-cid-2potj4y6> Wedding Exclusive </h3> <p class="text-neutral-light-grey text-small font-medium transform transition-all duration-300 opacity-80 group-hover:opacity-100 group-hover:-translate-y-2" data-astro-cid-2potj4y6> Heavy Lehengas, Gowns &amp; Sherwanis </p> <div class="absolute bottom-8 right-8 w-12 h-12 bg-white/20 backdrop-blur-md rounded-full flex items-center justify-center text-white opacity-0 transform translate-x-4 transition-all duration-300 group-hover:opacity-100 group-hover:translate-x-0 border border-white/40" data-astro-cid-2potj4y6> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-2potj4y6> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3" data-astro-cid-2potj4y6></path> </svg> </div> </div> </a><a href="/trends?tags=668f7a830f4ebc46d7db35f1" class="curated-card group relative shrink-0 w-[280px] sm:w-[320px] lg:w-[400px] aspect-[3/4] snap-center sm:snap-start rounded-3xl overflow-hidden shadow-xl transition-all duration-[1200ms] hover:duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] hover:-translate-y-3 hover:shadow-2xl opacity-0 translate-y-8 block focus:outline-none focus:ring-4 focus:ring-primary-orange" data-astro-cid-2potj4y6> <img src="/occasions/indo-western.webp" alt="Party Wear" class="absolute inset-0 w-full h-full object-cover object-center transition-transform duration-700 ease-[cubic-bezier(0.16,1,0.3,1)] group-hover:scale-105" loading="lazy" data-astro-cid-2potj4y6>  <div class="absolute inset-0 bg-gradient-to-t from-black/90 via-black/30 to-transparent" data-astro-cid-2potj4y6></div> <div class="absolute inset-x-0 bottom-0 p-8 flex flex-col justify-end h-full" data-astro-cid-2potj4y6> <h3 class="text-h4 lg:text-h3 font-bold text-neutral-white mb-2 transform transition-transform duration-300 group-hover:-translate-y-2" data-astro-cid-2potj4y6> Party Wear </h3> <p class="text-neutral-light-grey text-small font-medium transform transition-all duration-300 opacity-80 group-hover:opacity-100 group-hover:-translate-y-2" data-astro-cid-2potj4y6> Contemporary fusion wear </p> <div class="absolute bottom-8 right-8 w-12 h-12 bg-white/20 backdrop-blur-md rounded-full flex items-center justify-center text-white opacity-0 transform translate-x-4 transition-all duration-300 group-hover:opacity-100 group-hover:translate-x-0 border border-white/40" data-astro-cid-2potj4y6> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-2potj4y6> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3" data-astro-cid-2potj4y6></path> </svg> </div> </div> </a><a href="/trends?tags=668f7a830f4ebc46d7db35f5" class="curated-card group relative shrink-0 w-[280px] sm:w-[320px] lg:w-[400px] aspect-[3/4] snap-center sm:snap-start rounded-3xl overflow-hidden shadow-xl transition-all duration-[1200ms] hover:duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] hover:-translate-y-3 hover:shadow-2xl opacity-0 translate-y-8 block focus:outline-none focus:ring-4 focus:ring-primary-orange" data-astro-cid-2potj4y6> <img src="/occasions/festive-ready.webp" alt="Occasion Wear" class="absolute inset-0 w-full h-full object-cover object-center transition-transform duration-700 ease-[cubic-bezier(0.16,1,0.3,1)] group-hover:scale-105" loading="lazy" data-astro-cid-2potj4y6>  <div class="absolute inset-0 bg-gradient-to-t from-black/90 via-black/30 to-transparent" data-astro-cid-2potj4y6></div> <div class="absolute inset-x-0 bottom-0 p-8 flex flex-col justify-end h-full" data-astro-cid-2potj4y6> <h3 class="text-h4 lg:text-h3 font-bold text-neutral-white mb-2 transform transition-transform duration-300 group-hover:-translate-y-2" data-astro-cid-2potj4y6> Occasion Wear </h3> <p class="text-neutral-light-grey text-small font-medium transform transition-all duration-300 opacity-80 group-hover:opacity-100 group-hover:-translate-y-2" data-astro-cid-2potj4y6> Haldi, Mehndi or Festive vibes </p> <div class="absolute bottom-8 right-8 w-12 h-12 bg-white/20 backdrop-blur-md rounded-full flex items-center justify-center text-white opacity-0 transform translate-x-4 transition-all duration-300 group-hover:opacity-100 group-hover:translate-x-0 border border-white/40" data-astro-cid-2potj4y6> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-2potj4y6> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3" data-astro-cid-2potj4y6></path> </svg> </div> </div> </a><a href="/trends?tags=67d15bcd68d003d5d8696faf" class="curated-card group relative shrink-0 w-[280px] sm:w-[320px] lg:w-[400px] aspect-[3/4] snap-center sm:snap-start rounded-3xl overflow-hidden shadow-xl transition-all duration-[1200ms] hover:duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] hover:-translate-y-3 hover:shadow-2xl opacity-0 translate-y-8 block focus:outline-none focus:ring-4 focus:ring-primary-orange" data-astro-cid-2potj4y6> <img src="/occasions/formal-events.png" alt="Formal Events" class="absolute inset-0 w-full h-full object-cover object-center transition-transform duration-700 ease-[cubic-bezier(0.16,1,0.3,1)] group-hover:scale-105" loading="lazy" data-astro-cid-2potj4y6>  <div class="absolute inset-0 bg-gradient-to-t from-black/90 via-black/30 to-transparent" data-astro-cid-2potj4y6></div> <div class="absolute inset-x-0 bottom-0 p-8 flex flex-col justify-end h-full" data-astro-cid-2potj4y6> <h3 class="text-h4 lg:text-h3 font-bold text-neutral-white mb-2 transform transition-transform duration-300 group-hover:-translate-y-2" data-astro-cid-2potj4y6> Formal Events </h3> <p class="text-neutral-light-grey text-small font-medium transform transition-all duration-300 opacity-80 group-hover:opacity-100 group-hover:-translate-y-2" data-astro-cid-2potj4y6> Rock the look with elegance </p> <div class="absolute bottom-8 right-8 w-12 h-12 bg-white/20 backdrop-blur-md rounded-full flex items-center justify-center text-white opacity-0 transform translate-x-4 transition-all duration-300 group-hover:opacity-100 group-hover:translate-x-0 border border-white/40" data-astro-cid-2potj4y6> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-2potj4y6> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3" data-astro-cid-2potj4y6></path> </svg> </div> </div> </a>  <a href="/trends" class="curated-card group relative shrink-0 w-[280px] sm:w-[320px] lg:w-[400px] aspect-[3/4] snap-center sm:snap-start rounded-3xl overflow-hidden shadow-sm border-4 border-white/10 border-dashed flex flex-col items-center justify-center hover:border-primary-orange hover:bg-primary-orange/10 transition-all duration-[1200ms] hover:duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] hover:-translate-y-3 hover:shadow-2xl opacity-0 translate-y-8 no-underline" data-astro-cid-2potj4y6> <div class="w-16 h-16 rounded-full bg-white/10 group-hover:bg-primary-orange flex items-center justify-center text-neutral-light-grey group-hover:text-white transition-colors duration-300 mb-6" data-astro-cid-2potj4y6> <svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-2potj4y6><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3" data-astro-cid-2potj4y6></path></svg> </div> <h3 class="text-h4 font-bold text-neutral-white group-hover:text-primary-orange transition-colors" data-astro-cid-2potj4y6>
View All Trends
</h3> </a> </div> <!-- Fade edges --> <div class="pointer-events-none absolute inset-y-0 left-0 w-6 sm:w-12 lg:w-24 bg-gradient-to-r from-[#0B0B0C] to-transparent z-[5]" data-astro-cid-2potj4y6></div> <div class="pointer-events-none absolute inset-y-0 right-0 w-6 sm:w-12 lg:w-24 bg-gradient-to-l from-[#0B0B0C] to-transparent z-[5]" data-astro-cid-2potj4y6></div> </div> </section> <script>
  (function () {
    function initCuratedDiscovery() {
      if (window.fashknitCleanupCuratedDiscovery) {
        window.fashknitCleanupCuratedDiscovery();
      }

      const container = document.getElementById('carousel-container');
      const scrollLeftBtn = document.getElementById('scroll-left');
      const scrollRightBtn = document.getElementById('scroll-right');

      if (!container || !scrollLeftBtn || !scrollRightBtn) return;

      const scrollAmount = 400; // rough width of one card

      const revealObserver = new IntersectionObserver(
        (entries) => {
          entries.forEach((entry) => {
            if (entry.isIntersecting) {
              const cards = container.querySelectorAll('.curated-card');
              cards.forEach((card, index) => {
                setTimeout(() => {
                  card.classList.remove('opacity-0', 'translate-y-8');
                }, index * 160);
              });
              revealObserver.unobserve(entry.target);
            }
          });
        },
        { threshold: 0.1, rootMargin: '0px 0px -100px 0px' }
      );
      revealObserver.observe(container);

      const updateButtons = () => {
        if (container.scrollLeft <= 10) {
          scrollLeftBtn.disabled = true;
        } else {
          scrollLeftBtn.disabled = false;
        }

        if (container.scrollLeft >= container.scrollWidth - container.clientWidth - 10) {
          scrollRightBtn.disabled = true;
        } else {
          scrollRightBtn.disabled = false;
        }
      };

      const handleScrollLeft = () => {
        container.scrollBy({ left: -scrollAmount, behavior: 'smooth' });
      };

      const handleScrollRight = () => {
        container.scrollBy({ left: scrollAmount, behavior: 'smooth' });
      };

      scrollLeftBtn.addEventListener('click', handleScrollLeft);
      scrollRightBtn.addEventListener('click', handleScrollRight);
      container.addEventListener('scroll', updateButtons);
      window.addEventListener('resize', updateButtons);

      updateButtons();

      window.fashknitCleanupCuratedDiscovery = () => {
        revealObserver.disconnect();
        scrollLeftBtn.removeEventListener('click', handleScrollLeft);
        scrollRightBtn.removeEventListener('click', handleScrollRight);
        container.removeEventListener('scroll', updateButtons);
        window.removeEventListener('resize', updateButtons);
      };
    }

    document.addEventListener('DOMContentLoaded', initCuratedDiscovery);
    document.addEventListener('astro:after-swap', initCuratedDiscovery);
    if (document.readyState === 'complete' || document.readyState === 'interactive') {
      initCuratedDiscovery();
    }
  })();
</script>  <section id="featured-creators-section" class="py-24 bg-transparent text-neutral-white relative overflow-clip" data-astro-cid-r2smyvtr><div class="max-w-7xl mx-auto px-6 sm:px-12 lg:px-24 mb-16 flex flex-col md:flex-row md:items-end justify-between gap-6 reveal-on-scroll" data-astro-cid-r2smyvtr><div class="max-w-2xl space-y-4" data-astro-cid-r2smyvtr><div class="inline-flex items-center rounded-full border border-primary-orange/30 bg-primary-orange/10 px-4 py-1.5 text-sm font-bold text-primary-orange tracking-wider shadow-sm" data-astro-cid-r2smyvtr>THE CREATORS</div><h2 class="text-h3 sm:text-h2 lg:text-display font-serif font-medium text-neutral-white leading-tight tracking-tight" data-astro-cid-r2smyvtr><span class="block apple-text-reveal reveal-line-1" data-astro-cid-r2smyvtr>Meet the makers.</span><span class="block apple-text-reveal reveal-line-2" data-astro-cid-r2smyvtr>Independent designers</span><span class="block apple-text-reveal reveal-line-3" data-astro-cid-r2smyvtr>on FashKnit.</span></h2><p class="text-body-large text-neutral-light-grey/80 leading-relaxed" data-astro-cid-r2smyvtr>Explore studio profiles with real portfolios and ratings when available. Connect directly with the boutique - no multi-brand storefront between you and the maker.</p></div><a href="/boutiques" class="glass-btn shrink-0 inline-flex items-center justify-center font-bold rounded-xl px-8 py-4 text-lg shadow-sm transition-all duration-300 hover:scale-105 active:scale-95 no-underline" data-astro-cid-r2smyvtr>View All Boutiques</a></div><div class="w-full relative group/slider" data-astro-cid-r2smyvtr><button id="boutiques-scroll-left" class="carousel-nav-btn hidden md:flex absolute left-8 top-1/2 -translate-y-1/2 z-30 w-14 h-14 bg-white/10 backdrop-blur-md shadow-lg rounded-full items-center justify-center text-neutral-white hover:scale-110 hover:bg-white/20 border border-white/10 transition-all duration-300 opacity-0 group-hover/slider:opacity-100 disabled:opacity-0 focus:outline-none cursor-pointer" aria-label="Scroll left" data-astro-cid-r2smyvtr><svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-r2smyvtr><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" data-astro-cid-r2smyvtr></path></svg></button><button id="boutiques-scroll-right" class="carousel-nav-btn hidden md:flex absolute right-8 top-1/2 -translate-y-1/2 z-30 w-14 h-14 bg-white/10 backdrop-blur-md shadow-lg rounded-full items-center justify-center text-neutral-white hover:scale-110 hover:bg-white/20 border border-white/10 transition-all duration-300 opacity-0 group-hover/slider:opacity-100 disabled:opacity-0 focus:outline-none cursor-pointer" aria-label="Scroll right" data-astro-cid-r2smyvtr><svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-r2smyvtr><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" data-astro-cid-r2smyvtr></path></svg></button><div id="boutiques-carousel-container" class="flex overflow-x-auto snap-x snap-mandatory hide-scrollbar pb-12 pt-4 gap-8 scroll-smooth grid-bleed-carousel" data-astro-cid-r2smyvtr><div class="boutique-slide shrink-0 w-[300px] snap-center sm:snap-start transition-all duration-[1400ms] hover:duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] opacity-0 translate-y-8 block hover:-translate-y-3" data-astro-cid-r2smyvtr><article class="group relative overflow-hidden rounded-3xl border border-white/10 bg-white/[0.03] backdrop-blur-md shadow-[0_18px_50px_rgba(0,0,0,0.4)] transition-all hover:bg-white/[0.06] hover:border-white/20 hover:shadow-[0_22px_60px_rgba(0,0,0,0.6)] duration-300" data-astro-cid-2lyjy4rt> <div class="relative overflow-hidden bg-neutral-light-grey/5" data-astro-cid-2lyjy4rt>  <div class="scrollbar-hide flex aspect-[4/5] w-full snap-x snap-mandatory scroll-smooth overflow-x-hidden" data-slider-container data-astro-cid-2lyjy4rt> <div class="aspect-[4/5] h-full w-full shrink-0 snap-center outline-none cursor-pointer" data-profile-link="/boutique/kanpur/saanvya-store" data-astro-cid-2lyjy4rt> <img src="https://media.fashknit.com/boutique/images/815d0cd4ad67400683a57da31425e33b.webp" alt="Saanvya store boutique in Darshan Purwa, Kanpur - Preview 1" width="400" height="500" class="h-full w-full object-cover transition-transform duration-500 hover:scale-105" loading="eager" fetchpriority="high" decoding="async" data-astro-cid-2lyjy4rt> </div> </div>     </div> <a href="/boutique/kanpur/saanvya-store" class="block space-y-3 px-5 py-5 outline-none hover:bg-white/5 transition-colors" aria-label="View details for Saanvya store boutique in Darshan Purwa, Kanpur" data-astro-cid-2lyjy4rt> <div class="space-y-1" data-astro-cid-2lyjy4rt> <div class="flex items-center justify-between gap-2" data-astro-cid-2lyjy4rt> <p class="text-[10px] font-bold uppercase tracking-widest text-neutral-grey truncate" data-astro-cid-2lyjy4rt> Darshan Purwa, Kanpur </p> <!-- Rating Pill (Moved from image overlay) --> <div class="flex shrink-0 items-center gap-1 rounded-full bg-status-success px-2 py-0.5 text-[10px] font-bold text-neutral-white shadow-sm" data-astro-cid-2lyjy4rt> <span data-astro-cid-2lyjy4rt>-</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-2lyjy4rt="true" class="lucide lucide-star h-2.5 w-2.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg> </div> </div> <h3 class="text-title-small font-bold text-neutral-white line-clamp-1" data-astro-cid-2lyjy4rt> Saanvya store </h3> <p class="text-small text-neutral-light-grey/60 line-clamp-2 min-h-[2.8rem]" data-astro-cid-2lyjy4rt> Suit, Western Dress (W), Traditional Wear (W) </p> </div> </a> </article> <script type="module">function i(){document.querySelectorAll("article.group").forEach(t=>{if(t.dataset.sliderInitialized)return;const n=t.querySelector("[data-slider-container]"),o=t.querySelector("[data-slider-prev]"),l=t.querySelector("[data-slider-next]");if(!n||!o||!l)return;const s=e=>{const r=n.clientWidth;n.scrollBy({left:e==="next"?r:-r,behavior:"smooth"})};o.addEventListener("click",e=>{e.preventDefault(),e.stopPropagation(),s("prev")}),l.addEventListener("click",e=>{e.preventDefault(),e.stopPropagation(),s("next")}),t.dataset.sliderInitialized="true",t.querySelectorAll("[data-profile-link]").forEach(e=>{e.addEventListener("click",()=>{const r=e.dataset.profileLink;r&&(window.location.href=r)})})})}i();window.setupBoutiqueSliders=i;document.addEventListener("astro:after-swap",i);</script></div><div class="boutique-slide shrink-0 w-[300px] snap-center sm:snap-start transition-all duration-[1400ms] hover:duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] opacity-0 translate-y-8 block hover:-translate-y-3" data-astro-cid-r2smyvtr><article class="group relative overflow-hidden rounded-3xl border border-white/10 bg-white/[0.03] backdrop-blur-md shadow-[0_18px_50px_rgba(0,0,0,0.4)] transition-all hover:bg-white/[0.06] hover:border-white/20 hover:shadow-[0_22px_60px_rgba(0,0,0,0.6)] duration-300" data-astro-cid-2lyjy4rt> <div class="relative overflow-hidden bg-neutral-light-grey/5" data-astro-cid-2lyjy4rt>  <div class="scrollbar-hide flex aspect-[4/5] w-full snap-x snap-mandatory scroll-smooth overflow-x-hidden" data-slider-container data-astro-cid-2lyjy4rt> <div class="aspect-[4/5] h-full w-full shrink-0 snap-center outline-none cursor-pointer" data-profile-link="/boutique/kanpur/shree-maa-sarees" data-astro-cid-2lyjy4rt> <img src="https://media.fashknit.com/boutique/images/5ee4519bb10147f2b42fb7a7d9aaa657.webp" alt="Shree Maa Sarees boutique in Tilak nagar, Kanpur - Preview 1" width="400" height="500" class="h-full w-full object-cover transition-transform duration-500 hover:scale-105" loading="eager" fetchpriority="high" decoding="async" data-astro-cid-2lyjy4rt> </div> </div>     </div> <a href="/boutique/kanpur/shree-maa-sarees" class="block space-y-3 px-5 py-5 outline-none hover:bg-white/5 transition-colors" aria-label="View details for Shree Maa Sarees boutique in Tilak nagar, Kanpur" data-astro-cid-2lyjy4rt> <div class="space-y-1" data-astro-cid-2lyjy4rt> <div class="flex items-center justify-between gap-2" data-astro-cid-2lyjy4rt> <p class="text-[10px] font-bold uppercase tracking-widest text-neutral-grey truncate" data-astro-cid-2lyjy4rt> Tilak nagar, Kanpur </p> <!-- Rating Pill (Moved from image overlay) --> <div class="flex shrink-0 items-center gap-1 rounded-full bg-status-success px-2 py-0.5 text-[10px] font-bold text-neutral-white shadow-sm" data-astro-cid-2lyjy4rt> <span data-astro-cid-2lyjy4rt>-</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-2lyjy4rt="true" class="lucide lucide-star h-2.5 w-2.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg> </div> </div> <h3 class="text-title-small font-bold text-neutral-white line-clamp-1" data-astro-cid-2lyjy4rt> Shree Maa Sarees </h3> <p class="text-small text-neutral-light-grey/60 line-clamp-2 min-h-[2.8rem]" data-astro-cid-2lyjy4rt> Lehnga, Blouse, Saree </p> </div> </a> </article> </div><div class="boutique-slide shrink-0 w-[300px] snap-center sm:snap-start transition-all duration-[1400ms] hover:duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] opacity-0 translate-y-8 block hover:-translate-y-3" data-astro-cid-r2smyvtr><article class="group relative overflow-hidden rounded-3xl border border-white/10 bg-white/[0.03] backdrop-blur-md shadow-[0_18px_50px_rgba(0,0,0,0.4)] transition-all hover:bg-white/[0.06] hover:border-white/20 hover:shadow-[0_22px_60px_rgba(0,0,0,0.6)] duration-300" data-astro-cid-2lyjy4rt> <div class="relative overflow-hidden bg-neutral-light-grey/5" data-astro-cid-2lyjy4rt>  <div class="scrollbar-hide flex aspect-[4/5] w-full snap-x snap-mandatory scroll-smooth overflow-x-hidden" data-slider-container data-astro-cid-2lyjy4rt> <div class="aspect-[4/5] h-full w-full shrink-0 snap-center outline-none cursor-pointer" data-profile-link="/boutique/kanpur/the-dira-closet" data-astro-cid-2lyjy4rt> <img src="https://media.fashknit.com/boutique/images/29b2a976677344bdae072b898cd7a4a1.webp" alt="THE DIRA CLOSET boutique in Model town, Kanpur - Preview 1" width="400" height="500" class="h-full w-full object-cover transition-transform duration-500 hover:scale-105" loading="eager" fetchpriority="high" decoding="async" data-astro-cid-2lyjy4rt> </div> </div>     </div> <a href="/boutique/kanpur/the-dira-closet" class="block space-y-3 px-5 py-5 outline-none hover:bg-white/5 transition-colors" aria-label="View details for THE DIRA CLOSET boutique in Model town, Kanpur" data-astro-cid-2lyjy4rt> <div class="space-y-1" data-astro-cid-2lyjy4rt> <div class="flex items-center justify-between gap-2" data-astro-cid-2lyjy4rt> <p class="text-[10px] font-bold uppercase tracking-widest text-neutral-grey truncate" data-astro-cid-2lyjy4rt> Model town, Kanpur </p> <!-- Rating Pill (Moved from image overlay) --> <div class="flex shrink-0 items-center gap-1 rounded-full bg-status-success px-2 py-0.5 text-[10px] font-bold text-neutral-white shadow-sm" data-astro-cid-2lyjy4rt> <span data-astro-cid-2lyjy4rt>-</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-2lyjy4rt="true" class="lucide lucide-star h-2.5 w-2.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg> </div> </div> <h3 class="text-title-small font-bold text-neutral-white line-clamp-1" data-astro-cid-2lyjy4rt> THE DIRA CLOSET </h3> <p class="text-small text-neutral-light-grey/60 line-clamp-2 min-h-[2.8rem]" data-astro-cid-2lyjy4rt> Lehnga, Blouse, Saree </p> </div> </a> </article> </div><div class="boutique-slide shrink-0 w-[300px] snap-center sm:snap-start transition-all duration-[1400ms] hover:duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] opacity-0 translate-y-8 block hover:-translate-y-3" data-astro-cid-r2smyvtr><article class="group relative overflow-hidden rounded-3xl border border-white/10 bg-white/[0.03] backdrop-blur-md shadow-[0_18px_50px_rgba(0,0,0,0.4)] transition-all hover:bg-white/[0.06] hover:border-white/20 hover:shadow-[0_22px_60px_rgba(0,0,0,0.6)] duration-300" data-astro-cid-2lyjy4rt> <div class="relative overflow-hidden bg-neutral-light-grey/5" data-astro-cid-2lyjy4rt>  <div class="scrollbar-hide flex aspect-[4/5] w-full snap-x snap-mandatory scroll-smooth overflow-x-hidden" data-slider-container data-astro-cid-2lyjy4rt> <div class="aspect-[4/5] h-full w-full shrink-0 snap-center outline-none cursor-pointer" data-profile-link="/boutique/kanpur/bucolic" data-astro-cid-2lyjy4rt> <img src="https://media.fashknit.com/boutique/images/501d8e2bd81c42ecab7d629da6b52ee0.webp" alt="Bucolic boutique in Swaroop nagar, Kanpur - Preview 1" width="400" height="500" class="h-full w-full object-cover transition-transform duration-500 hover:scale-105" loading="eager" fetchpriority="high" decoding="async" data-astro-cid-2lyjy4rt> </div> </div>     </div> <a href="/boutique/kanpur/bucolic" class="block space-y-3 px-5 py-5 outline-none hover:bg-white/5 transition-colors" aria-label="View details for Bucolic boutique in Swaroop nagar, Kanpur" data-astro-cid-2lyjy4rt> <div class="space-y-1" data-astro-cid-2lyjy4rt> <div class="flex items-center justify-between gap-2" data-astro-cid-2lyjy4rt> <p class="text-[10px] font-bold uppercase tracking-widest text-neutral-grey truncate" data-astro-cid-2lyjy4rt> Swaroop nagar, Kanpur </p> <!-- Rating Pill (Moved from image overlay) --> <div class="flex shrink-0 items-center gap-1 rounded-full bg-status-success px-2 py-0.5 text-[10px] font-bold text-neutral-white shadow-sm" data-astro-cid-2lyjy4rt> <span data-astro-cid-2lyjy4rt>-</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-2lyjy4rt="true" class="lucide lucide-star h-2.5 w-2.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg> </div> </div> <h3 class="text-title-small font-bold text-neutral-white line-clamp-1" data-astro-cid-2lyjy4rt> Bucolic </h3> <p class="text-small text-neutral-light-grey/60 line-clamp-2 min-h-[2.8rem]" data-astro-cid-2lyjy4rt> Lehnga, Gown, Western Dress (W) </p> </div> </a> </article> </div><div class="boutique-slide shrink-0 w-[300px] snap-center sm:snap-start transition-all duration-[1400ms] hover:duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] opacity-0 translate-y-8 block hover:-translate-y-3" data-astro-cid-r2smyvtr><article class="group relative overflow-hidden rounded-3xl border border-white/10 bg-white/[0.03] backdrop-blur-md shadow-[0_18px_50px_rgba(0,0,0,0.4)] transition-all hover:bg-white/[0.06] hover:border-white/20 hover:shadow-[0_22px_60px_rgba(0,0,0,0.6)] duration-300" data-astro-cid-2lyjy4rt> <div class="relative overflow-hidden bg-neutral-light-grey/5" data-astro-cid-2lyjy4rt>  <div class="scrollbar-hide flex aspect-[4/5] w-full snap-x snap-mandatory scroll-smooth overflow-x-hidden" data-slider-container data-astro-cid-2lyjy4rt> <div class="aspect-[4/5] h-full w-full shrink-0 snap-center outline-none cursor-pointer" data-profile-link="/boutique/kanpur/amiraah" data-astro-cid-2lyjy4rt> <img src="https://media.fashknit.com/boutique/images/d22b8289a5a44253aa248b8d20f13326.webp" alt="Amiraah boutique in Tilak nagar, Kanpur - Preview 1" width="400" height="500" class="h-full w-full object-cover transition-transform duration-500 hover:scale-105" loading="eager" fetchpriority="high" decoding="async" data-astro-cid-2lyjy4rt> </div> </div>     </div> <a href="/boutique/kanpur/amiraah" class="block space-y-3 px-5 py-5 outline-none hover:bg-white/5 transition-colors" aria-label="View details for Amiraah boutique in Tilak nagar, Kanpur" data-astro-cid-2lyjy4rt> <div class="space-y-1" data-astro-cid-2lyjy4rt> <div class="flex items-center justify-between gap-2" data-astro-cid-2lyjy4rt> <p class="text-[10px] font-bold uppercase tracking-widest text-neutral-grey truncate" data-astro-cid-2lyjy4rt> Tilak nagar, Kanpur </p> <!-- Rating Pill (Moved from image overlay) --> <div class="flex shrink-0 items-center gap-1 rounded-full bg-status-success px-2 py-0.5 text-[10px] font-bold text-neutral-white shadow-sm" data-astro-cid-2lyjy4rt> <span data-astro-cid-2lyjy4rt>-</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-2lyjy4rt="true" class="lucide lucide-star h-2.5 w-2.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg> </div> </div> <h3 class="text-title-small font-bold text-neutral-white line-clamp-1" data-astro-cid-2lyjy4rt> Amiraah </h3> <p class="text-small text-neutral-light-grey/60 line-clamp-2 min-h-[2.8rem]" data-astro-cid-2lyjy4rt> Lehnga, Western Dress (W), Traditional Wear (W) </p> </div> </a> </article> </div><div class="boutique-slide shrink-0 w-[300px] snap-center sm:snap-start transition-all duration-[1400ms] hover:duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] opacity-0 translate-y-8 block hover:-translate-y-3" data-astro-cid-r2smyvtr><article class="group relative overflow-hidden rounded-3xl border border-white/10 bg-white/[0.03] backdrop-blur-md shadow-[0_18px_50px_rgba(0,0,0,0.4)] transition-all hover:bg-white/[0.06] hover:border-white/20 hover:shadow-[0_22px_60px_rgba(0,0,0,0.6)] duration-300" data-astro-cid-2lyjy4rt> <div class="relative overflow-hidden bg-neutral-light-grey/5" data-astro-cid-2lyjy4rt>  <div class="scrollbar-hide flex aspect-[4/5] w-full snap-x snap-mandatory scroll-smooth overflow-x-hidden" data-slider-container data-astro-cid-2lyjy4rt> <div class="aspect-[4/5] h-full w-full shrink-0 snap-center outline-none cursor-pointer" data-profile-link="/boutique/deoband/shiva-fashion-hub" data-astro-cid-2lyjy4rt> <img src="https://media.fashknit.com/boutique/images/9fdd071d34214b368aa4ce9a8040f47e.webp" alt="shiva fashion hub boutique in Rankhandi, deoband - Preview 1" width="400" height="500" class="h-full w-full object-cover transition-transform duration-500 hover:scale-105" loading="eager" fetchpriority="high" decoding="async" data-astro-cid-2lyjy4rt> </div><div class="aspect-[4/5] h-full w-full shrink-0 snap-center outline-none cursor-pointer" data-profile-link="/boutique/deoband/shiva-fashion-hub" data-astro-cid-2lyjy4rt> <img src="https://media.fashknit.com/boutique/images/652b309e015f4809a81fa79466597553.webp" alt="shiva fashion hub boutique in Rankhandi, deoband - Preview 2" width="400" height="500" class="h-full w-full object-cover transition-transform duration-500 hover:scale-105" loading="lazy" fetchpriority="auto" decoding="async" data-astro-cid-2lyjy4rt> </div> </div>   <button type="button" class="absolute left-3 top-1/2 z-30 flex h-8 w-8 -translate-y-1/2 items-center justify-center rounded-full bg-black/60 backdrop-blur-md transition-all hover:bg-black/85 sm:opacity-0 group-hover:opacity-100 border border-white/10" data-slider-prev aria-label="Previous image" data-astro-cid-2lyjy4rt> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-2lyjy4rt="true" class="lucide lucide-chevron-left h-5 w-5 text-white"> <path d="m15 18-6-6 6-6"></path>  </svg> </button> <button type="button" class="absolute right-3 top-1/2 z-30 flex h-8 w-8 -translate-y-1/2 items-center justify-center rounded-full bg-black/60 backdrop-blur-md transition-all hover:bg-black/85 sm:opacity-0 group-hover:opacity-100 border border-white/10" data-slider-next aria-label="Next image" data-astro-cid-2lyjy4rt> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-2lyjy4rt="true" class="lucide lucide-chevron-right h-5 w-5 text-white"> <path d="m9 18 6-6-6-6"></path>  </svg> </button>   <div class="absolute bottom-3 left-1/2 z-20 flex -translate-x-1/2 gap-1.5 px-2 py-1 bg-black/20 backdrop-blur-sm rounded-full pointer-events-none" data-astro-cid-2lyjy4rt> <div class="h-1.5 w-1.5 rounded-full bg-white/60" data-astro-cid-2lyjy4rt></div><div class="h-1.5 w-1.5 rounded-full bg-white/60" data-astro-cid-2lyjy4rt></div> </div> </div> <a href="/boutique/deoband/shiva-fashion-hub" class="block space-y-3 px-5 py-5 outline-none hover:bg-white/5 transition-colors" aria-label="View details for shiva fashion hub boutique in Rankhandi, deoband" data-astro-cid-2lyjy4rt> <div class="space-y-1" data-astro-cid-2lyjy4rt> <div class="flex items-center justify-between gap-2" data-astro-cid-2lyjy4rt> <p class="text-[10px] font-bold uppercase tracking-widest text-neutral-grey truncate" data-astro-cid-2lyjy4rt> Rankhandi, deoband </p> <!-- Rating Pill (Moved from image overlay) --> <div class="flex shrink-0 items-center gap-1 rounded-full bg-status-success px-2 py-0.5 text-[10px] font-bold text-neutral-white shadow-sm" data-astro-cid-2lyjy4rt> <span data-astro-cid-2lyjy4rt>-</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-2lyjy4rt="true" class="lucide lucide-star h-2.5 w-2.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg> </div> </div> <h3 class="text-title-small font-bold text-neutral-white line-clamp-1" data-astro-cid-2lyjy4rt> shiva fashion hub </h3> <p class="text-small text-neutral-light-grey/60 line-clamp-2 min-h-[2.8rem]" data-astro-cid-2lyjy4rt> Blouse, Suit, Traditional Wear (W) </p> </div> </a> </article> </div><a href="/boutiques" class="boutique-slide group shrink-0 w-[300px] aspect-[4/5] snap-center sm:snap-start rounded-3xl overflow-hidden shadow-sm border-4 border-white/10 border-dashed flex flex-col items-center justify-center hover:border-primary-orange hover:bg-primary-orange/10 transition-all duration-[1400ms] hover:duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] opacity-0 translate-y-8 hover:-translate-y-3 no-underline" data-astro-cid-r2smyvtr><div class="w-16 h-16 rounded-full bg-white/10 group-hover:bg-primary-orange flex items-center justify-center text-neutral-light-grey group-hover:text-white transition-colors duration-300 mb-6" data-astro-cid-r2smyvtr><svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-r2smyvtr><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3" data-astro-cid-r2smyvtr></path></svg></div><h3 class="text-h4 font-bold text-neutral-white group-hover:text-primary-orange transition-colors" data-astro-cid-r2smyvtr>View All Boutiques</h3></a></div><div class="pointer-events-none absolute inset-y-0 left-0 w-6 sm:w-12 lg:w-24 bg-gradient-to-r from-[#0B0B0C] to-transparent z-10" data-astro-cid-r2smyvtr></div><div class="pointer-events-none absolute inset-y-0 right-0 w-6 sm:w-12 lg:w-24 bg-gradient-to-l from-[#0B0B0C] to-transparent z-10" data-astro-cid-r2smyvtr></div></div></section><script type="module">function c(){const e=document.getElementById("boutiques-carousel-container"),t=document.getElementById("boutiques-scroll-left"),s=document.getElementById("boutiques-scroll-right"),a=document.getElementById("featured-creators-section");if(!e||!t||!s||!a)return;const i=a.querySelector(".reveal-on-scroll");if(i&&!i.classList.contains("reveal-visible")){const o=new IntersectionObserver(r=>{r.forEach(n=>{n.isIntersecting&&(n.target.classList.add("reveal-visible"),o.unobserve(n.target))})},{threshold:.1,rootMargin:"0px 0px -150px 0px"});o.observe(i)}const d=new IntersectionObserver(o=>{o.forEach(r=>{r.isIntersecting&&(e.querySelectorAll(".boutique-slide").forEach((f,b)=>{setTimeout(()=>{f.classList.remove("opacity-0","translate-y-8"),f.classList.add("opacity-100","translate-y-0")},b*160)}),d.unobserve(r.target))})},{threshold:.1,rootMargin:"0px 0px -100px 0px"});d.observe(e);const u=e.querySelector(".boutique-slide"),v=u?u.clientWidth+32:332,l=()=>{e.scrollLeft<=10?t.disabled=!0:t.disabled=!1,e.scrollLeft>=e.scrollWidth-e.clientWidth-10?s.disabled=!0:s.disabled=!1};t.addEventListener("click",()=>{e.scrollBy({left:-v,behavior:"smooth"})}),s.addEventListener("click",()=>{e.scrollBy({left:v,behavior:"smooth"})}),e.addEventListener("scroll",l),window.addEventListener("resize",l),l()}document.addEventListener("DOMContentLoaded",c);document.addEventListener("astro:after-swap",c);(document.readyState==="complete"||document.readyState==="interactive")&&c();</script>  <section class="py-28 bg-transparent text-neutral-white relative overflow-clip" data-astro-cid-wjerdzjw> <div class="max-w-7xl mx-auto px-6 sm:px-12 lg:px-24" data-astro-cid-wjerdzjw> <!-- Header Block --> <div class="flex flex-col lg:flex-row lg:items-end justify-between gap-8 mb-20 reveal-on-scroll" data-astro-cid-wjerdzjw> <div class="max-w-2xl space-y-6" data-astro-cid-wjerdzjw> <div class="inline-flex items-center rounded-full border border-primary-orange/30 bg-primary-orange/10 px-4 py-1.5 text-xs font-bold text-primary-orange tracking-widest uppercase" data-astro-cid-wjerdzjw>
The FashKnit Promise
</div> <h2 class="text-h2 sm:text-h1 lg:text-[4rem] font-serif font-medium tracking-tight text-neutral-white leading-[1.12]" data-astro-cid-wjerdzjw> <span class="block apple-text-reveal reveal-line-1 pb-1" data-astro-cid-wjerdzjw>Verified studios.</span> <span class="block bg-gradient-to-r from-grad-start to-grad-end bg-clip-text text-transparent apple-text-reveal reveal-line-2 pb-1" data-astro-cid-wjerdzjw>Direct from the</span> <span class="block bg-gradient-to-r from-grad-start to-grad-end bg-clip-text text-transparent apple-text-reveal reveal-line-3 pb-1" data-astro-cid-wjerdzjw>Designer.</span> </h2> </div> <p class="text-body-large text-neutral-grey max-w-md leading-relaxed lg:pb-2" data-astro-cid-wjerdzjw>
Skip opaque multi-brand markups. Message and visit independent boutiques on FashKnit —
        portfolios, ratings, and custom stitching paths you can verify before you commit.
</p> </div> <!-- 3-Column Luxury Cards --> <div class="grid grid-cols-1 md:grid-cols-3 gap-8 lg:gap-10" data-astro-cid-wjerdzjw> <!-- Card 1 --> <div class="connect-card group relative overflow-hidden rounded-[2rem] border border-white/5 bg-neutral-black min-h-[480px] flex flex-col justify-end p-8 lg:p-10 transition-all duration-[1200ms] hover:duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] hover:border-[#f77737]/30 hover:shadow-[0_20px_50px_rgba(247,119,55,0.15)] opacity-0 translate-y-8" data-astro-cid-wjerdzjw> <!-- Dynamic Mouse Glow Background Overlay --> <div class="absolute inset-0 z-1 pointer-events-none opacity-0 group-hover:opacity-100 transition-opacity duration-500 card-glow-layer" style="background: radial-gradient(400px circle at var(--mouse-x, 0px) var(--mouse-y, 0px), rgba(247, 119, 55, 0.12) 0%, rgba(227, 51, 102, 0.04) 40%, transparent 80%);" data-astro-cid-wjerdzjw></div> <!-- Background Image with Overlay --> <div class="absolute inset-0 z-0" data-astro-cid-wjerdzjw> <img src="/zero-commission.webp" alt="Zero Commission Pricing" class="w-full h-full object-cover object-center opacity-65 group-hover:scale-105 group-hover:opacity-85 transition-all duration-700 ease-[cubic-bezier(0.16,1,0.3,1)]" loading="lazy" data-astro-cid-wjerdzjw> <div class="absolute inset-0 bg-gradient-to-t from-neutral-black via-neutral-black/30 to-transparent" data-astro-cid-wjerdzjw></div> </div> <!-- Card Content --> <div class="relative z-10 space-y-6" data-astro-cid-wjerdzjw> <!-- Shield Check Icon --> <div class="w-12 h-12 rounded-2xl bg-white/10 backdrop-blur-md flex items-center justify-center text-primary-orange border border-white/10 group-hover:scale-110 group-hover:-translate-y-1 transition-all duration-300 ease-[cubic-bezier(0.16,1,0.3,1)]" data-astro-cid-wjerdzjw> <svg class="w-6 h-6" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-wjerdzjw> <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" data-astro-cid-wjerdzjw></path> <path d="m9 12 2 2 4-4" data-astro-cid-wjerdzjw></path> </svg> </div> <div class="space-y-3" data-astro-cid-wjerdzjw> <h3 class="text-h3 font-bold text-neutral-white" data-astro-cid-wjerdzjw>Zero Commission</h3> <p class="text-small text-neutral-grey leading-relaxed" data-astro-cid-wjerdzjw>
Every Rupee you pay goes directly to the boutique. Skip the 30-40% storefront
              commission fee charged by multi-brand physical retail hubs.
</p> </div> </div> </div> <!-- Card 2 --> <div class="connect-card group relative overflow-hidden rounded-[2rem] border border-white/5 bg-neutral-black min-h-[480px] flex flex-col justify-end p-8 lg:p-10 transition-all duration-[1200ms] hover:duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] hover:border-[#f77737]/30 hover:shadow-[0_20px_50px_rgba(247,119,55,0.15)] opacity-0 translate-y-8" data-astro-cid-wjerdzjw> <!-- Dynamic Mouse Glow Background Overlay --> <div class="absolute inset-0 z-1 pointer-events-none opacity-0 group-hover:opacity-100 transition-opacity duration-500 card-glow-layer" style="background: radial-gradient(400px circle at var(--mouse-x, 0px) var(--mouse-y, 0px), rgba(247, 119, 55, 0.12) 0%, rgba(227, 51, 102, 0.04) 40%, transparent 80%);" data-astro-cid-wjerdzjw></div> <!-- Background Image with Overlay --> <div class="absolute inset-0 z-0" data-astro-cid-wjerdzjw> <img src="/co-creation.webp" alt="Direct Co-Creation" class="w-full h-full object-cover object-center opacity-65 group-hover:scale-105 group-hover:opacity-85 transition-all duration-700 ease-[cubic-bezier(0.16,1,0.3,1)]" loading="lazy" data-astro-cid-wjerdzjw> <div class="absolute inset-0 bg-gradient-to-t from-neutral-black via-neutral-black/30 to-transparent" data-astro-cid-wjerdzjw></div> </div> <!-- Card Content --> <div class="relative z-10 space-y-6" data-astro-cid-wjerdzjw> <!-- Message Square Icon --> <div class="w-12 h-12 rounded-2xl bg-white/10 backdrop-blur-md flex items-center justify-center text-primary-orange border border-white/10 group-hover:scale-110 group-hover:-translate-y-1 transition-all duration-300 ease-[cubic-bezier(0.16,1,0.3,1)]" data-astro-cid-wjerdzjw> <svg class="w-6 h-6" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-wjerdzjw> <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" data-astro-cid-wjerdzjw></path> </svg> </div> <div class="space-y-3" data-astro-cid-wjerdzjw> <h3 class="text-h3 font-bold text-neutral-white" data-astro-cid-wjerdzjw>Direct Co-Creation</h3> <p class="text-small text-neutral-grey leading-relaxed" data-astro-cid-wjerdzjw>
Communicate one-on-one with the designer. Customize colors, fabrics, sleeve patterns,
              and necklines directly to co-create your vision.
</p> </div> </div> </div> <!-- Card 3 --> <div class="connect-card group relative overflow-hidden rounded-[2rem] border border-white/5 bg-neutral-black min-h-[480px] flex flex-col justify-end p-8 lg:p-10 transition-all duration-[1200ms] hover:duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] hover:border-[#f77737]/30 hover:shadow-[0_20px_50px_rgba(247,119,55,0.15)] opacity-0 translate-y-8" data-astro-cid-wjerdzjw> <!-- Dynamic Mouse Glow Background Overlay --> <div class="absolute inset-0 z-1 pointer-events-none opacity-0 group-hover:opacity-100 transition-opacity duration-500 card-glow-layer" style="background: radial-gradient(400px circle at var(--mouse-x, 0px) var(--mouse-y, 0px), rgba(247, 119, 55, 0.12) 0%, rgba(227, 51, 102, 0.04) 40%, transparent 80%);" data-astro-cid-wjerdzjw></div> <!-- Background Image with Overlay --> <div class="absolute inset-0 z-0" data-astro-cid-wjerdzjw> <img src="/tailored-fit.webp" alt="Custom Tailored Fit" class="w-full h-full object-cover object-center opacity-65 group-hover:scale-105 group-hover:opacity-85 transition-all duration-700 ease-[cubic-bezier(0.16,1,0.3,1)]" loading="lazy" data-astro-cid-wjerdzjw> <div class="absolute inset-0 bg-gradient-to-t from-neutral-black via-neutral-black/30 to-transparent" data-astro-cid-wjerdzjw></div> </div> <!-- Card Content --> <div class="relative z-10 space-y-6" data-astro-cid-wjerdzjw> <!-- Scissors Icon --> <div class="w-12 h-12 rounded-2xl bg-white/10 backdrop-blur-md flex items-center justify-center text-primary-orange border border-white/10 group-hover:scale-110 group-hover:-translate-y-1 transition-all duration-300 ease-[cubic-bezier(0.16,1,0.3,1)]" data-astro-cid-wjerdzjw> <svg class="w-6 h-6" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-wjerdzjw> <circle cx="6" cy="6" r="3" data-astro-cid-wjerdzjw></circle> <circle cx="6" cy="18" r="3" data-astro-cid-wjerdzjw></circle> <line x1="20" y1="4" x2="8.12" y2="15.88" data-astro-cid-wjerdzjw></line> <line x1="14.47" y1="14.48" x2="20" y2="20" data-astro-cid-wjerdzjw></line> <line x1="8.12" y1="8.12" x2="12" y2="12" data-astro-cid-wjerdzjw></line> </svg> </div> <div class="space-y-3" data-astro-cid-wjerdzjw> <h3 class="text-h3 font-bold text-neutral-white" data-astro-cid-wjerdzjw>Tailored Exclusively</h3> <p class="text-small text-neutral-grey leading-relaxed" data-astro-cid-wjerdzjw>
Submit your measurements digitally or visit the atelier. The boutique will tailor,
              finish, and deliver the outfit custom-stitched to your exact shape.
</p> </div> </div> </div> </div> </div> </section> <script>
  (function () {
    function initDirectConnect() {
      if (window.fashknitCleanupDirectConnect) {
        window.fashknitCleanupDirectConnect();
      }

      const cards = document.querySelectorAll('.connect-card');
      if (cards.length === 0) return;

      const observer = new IntersectionObserver(
        (entries) => {
          entries.forEach((entry) => {
            if (entry.isIntersecting) {
              cards.forEach((card, index) => {
                setTimeout(() => {
                  card.classList.remove('opacity-0', 'translate-y-8');
                }, index * 180);
              });
              observer.unobserve(entry.target);
            }
          });
        },
        { threshold: 0.1, rootMargin: '0px 0px -150px 0px' }
      );

      const parent = cards[0].closest('section');
      if (parent) {
        observer.observe(parent);
      }

      const mouseHandlers = [];

      cards.forEach((card) => {
        const handleMouseMove = (e) => {
          const rect = card.getBoundingClientRect();
          const x = e.clientX - rect.left;
          const y = e.clientY - rect.top;
          card.style.setProperty('--mouse-x', `${x}px`);
          card.style.setProperty('--mouse-y', `${y}px`);
        };
        card.addEventListener('mousemove', handleMouseMove);
        mouseHandlers.push({ card, handler: handleMouseMove });
      });

      window.fashknitCleanupDirectConnect = () => {
        observer.disconnect();
        mouseHandlers.forEach(({ card, handler }) => {
          card.removeEventListener('mousemove', handler);
        });
      };
    }

    document.addEventListener('DOMContentLoaded', initDirectConnect);
    document.addEventListener('astro:after-swap', initDirectConnect);
    if (document.readyState === 'complete' || document.readyState === 'interactive') {
      initDirectConnect();
    }
  })();
</script>  <section class="relative max-w-7xl mx-auto px-6 sm:px-12 lg:px-24 py-16 sm:py-20 border-t border-white/5 reveal-on-scroll overflow-x-clip" aria-labelledby="homepage-aeo-heading" data-astro-cid-j7pv25f6> <div class="grid grid-cols-1 lg:grid-cols-2 gap-10 lg:gap-16 items-start" data-astro-cid-j7pv25f6> <div class="space-y-4" data-astro-cid-j7pv25f6> <div class="inline-flex items-center rounded-full border border-primary-orange/30 bg-primary-orange/10 px-4 py-1 text-xs font-bold text-primary-orange tracking-widest uppercase" data-astro-cid-j7pv25f6>
About FashKnit
</div> <h2 id="homepage-aeo-heading" class="text-h3 sm:text-h2 font-serif font-medium text-neutral-white leading-tight tracking-tight" data-astro-cid-j7pv25f6> What is FashKnit? </h2> <p class="text-body text-neutral-light-grey/80 leading-relaxed" data-astro-cid-j7pv25f6> FashKnit is India&#39;s location-first discovery platform for fashion designers and custom boutiques. Browse 625+ listed boutiques across 31 Indian cities, explore lehengas, blouses, sarees and other occasion wear, compare ratings, try designs with AI Virtual Try-On in the app, and connect directly for measurements and custom stitching - without middlemen. </p> <p class="text-small text-neutral-light-grey/70 leading-relaxed" data-astro-cid-j7pv25f6> Most buyers still find karigars and boutiques through Instagram DMs or word of mouth, which makes pricing, craftsmanship, and timelines hard to verify before committing - especially for bridal and multi-stage occasion wear. FashKnit organises active studio profiles into a location-first catalogue: open a city or neighbourhood, inspect real portfolio posts, check specialities and ratings when available, and shortlist makers for fittings. Designers get a zero-commission discovery surface; shoppers get transparent paths from inspiration to custom stitch. </p> <div class="flex flex-wrap gap-3 pt-2" data-astro-cid-j7pv25f6> <a href="/boutiques" class="glass-btn font-bold rounded-xl px-5 py-2.5 text-small shadow-sm transition-all duration-300 hover:scale-105 active:scale-95 inline-flex items-center gap-2 no-underline" data-analytics="aeo_browse_boutiques" data-astro-cid-j7pv25f6>
Browse all boutiques
</a> <a href="/locations/ahmadabad" class="text-small font-bold text-primary-orange hover:text-primary-orange/80 inline-flex items-center gap-1 no-underline transition-colors" data-analytics="aeo_city_hub" data-astro-cid-j7pv25f6>
Boutiques in Ahmadabad <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-j7pv25f6="true" class="lucide lucide-arrow-right h-3.5 w-3.5"> <path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path>  </svg> </a> <a href="/fashion-designer-boutique" class="text-small font-bold text-neutral-light-grey/70 hover:text-primary-orange inline-flex items-center gap-1 no-underline transition-colors" data-astro-cid-j7pv25f6>
List your boutique
</a> </div> </div> <div class="min-w-0" data-astro-cid-j7pv25f6> <section class="space-y-6 py-6" aria-labelledby="faq-section-heading" data-astro-cid-wev6i34t> <h2 id="faq-section-heading" class="text-label font-serif font-medium text-white" data-astro-cid-wev6i34t>
Frequently Asked Questions
</h2> <div class="space-y-3" data-astro-cid-wev6i34t> <details class="group rounded-2xl border border-white/8 bg-white/4 overflow-hidden transition-all duration-300 [&_summary::-webkit-details-marker]:hidden" data-astro-cid-wev6i34t> <summary class="flex items-center justify-between p-4 cursor-pointer text-white hover:bg-white/8 transition-colors select-none" data-astro-cid-wev6i34t> <span class="text-small font-medium pr-4" data-astro-cid-wev6i34t>What is FashKnit?</span> <svg class="h-4 w-4 shrink-0 text-neutral-light-grey/60 transition-transform duration-200" fill="none" viewBox="0 0 24 24" stroke="currentColor" data-astro-cid-wev6i34t> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" data-astro-cid-wev6i34t></path> </svg> </summary> <div class="px-4 pb-4 pt-2 text-small text-neutral-light-grey/80 border-t border-white/4 leading-relaxed" data-astro-cid-wev6i34t> FashKnit is a location-first directory of fashion designers and custom boutiques across India. Discover studios, browse portfolios, compare ratings when available, and connect for bespoke lehengas, blouses, sarees, suits, and occasion wear. The FashKnit app adds AI Virtual Try-On on eligible designs. </div> </details><details class="group rounded-2xl border border-white/8 bg-white/4 overflow-hidden transition-all duration-300 [&_summary::-webkit-details-marker]:hidden" data-astro-cid-wev6i34t> <summary class="flex items-center justify-between p-4 cursor-pointer text-white hover:bg-white/8 transition-colors select-none" data-astro-cid-wev6i34t> <span class="text-small font-medium pr-4" data-astro-cid-wev6i34t>How do I find a fashion designer in my city?</span> <svg class="h-4 w-4 shrink-0 text-neutral-light-grey/60 transition-transform duration-200" fill="none" viewBox="0 0 24 24" stroke="currentColor" data-astro-cid-wev6i34t> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" data-astro-cid-wev6i34t></path> </svg> </summary> <div class="px-4 pb-4 pt-2 text-small text-neutral-light-grey/80 border-t border-white/4 leading-relaxed" data-astro-cid-wev6i34t> Open a city hub under https://fashknit.com/locations (for example fashion designers in your metro) or start at the all-India directory (https://fashknit.com/boutiques). Each city page lists neighbourhoods and studio profiles with portfolios and contact paths. </div> </details><details class="group rounded-2xl border border-white/8 bg-white/4 overflow-hidden transition-all duration-300 [&_summary::-webkit-details-marker]:hidden" data-astro-cid-wev6i34t> <summary class="flex items-center justify-between p-4 cursor-pointer text-white hover:bg-white/8 transition-colors select-none" data-astro-cid-wev6i34t> <span class="text-small font-medium pr-4" data-astro-cid-wev6i34t>Where can I browse blouse, lehenga and saree designs?</span> <svg class="h-4 w-4 shrink-0 text-neutral-light-grey/60 transition-transform duration-200" fill="none" viewBox="0 0 24 24" stroke="currentColor" data-astro-cid-wev6i34t> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" data-astro-cid-wev6i34t></path> </svg> </summary> <div class="px-4 pb-4 pt-2 text-small text-neutral-light-grey/80 border-t border-white/4 leading-relaxed" data-astro-cid-wev6i34t> Use FashKnit Trends for portfolio looks: blouse designs at https://fashknit.com/trends, then filter by category for lehenga designs, saree designs and more. Each post links to the boutique so you can connect for custom stitching - full feed continues in the app. </div> </details><details class="group rounded-2xl border border-white/8 bg-white/4 overflow-hidden transition-all duration-300 [&_summary::-webkit-details-marker]:hidden" data-astro-cid-wev6i34t> <summary class="flex items-center justify-between p-4 cursor-pointer text-white hover:bg-white/8 transition-colors select-none" data-astro-cid-wev6i34t> <span class="text-small font-medium pr-4" data-astro-cid-wev6i34t>What is AI Virtual Try-On?</span> <svg class="h-4 w-4 shrink-0 text-neutral-light-grey/60 transition-transform duration-200" fill="none" viewBox="0 0 24 24" stroke="currentColor" data-astro-cid-wev6i34t> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" data-astro-cid-wev6i34t></path> </svg> </summary> <div class="px-4 pb-4 pt-2 text-small text-neutral-light-grey/80 border-t border-white/4 leading-relaxed" data-astro-cid-wev6i34t> On eligible posts in the FashKnit app, Virtual Try-On lets you preview how a design may look on you before you book fabric, measurements, or fittings with the boutique. Full Try-On runs in the app, not on the website feed. </div> </details><details class="group rounded-2xl border border-white/8 bg-white/4 overflow-hidden transition-all duration-300 [&_summary::-webkit-details-marker]:hidden" data-astro-cid-wev6i34t> <summary class="flex items-center justify-between p-4 cursor-pointer text-white hover:bg-white/8 transition-colors select-none" data-astro-cid-wev6i34t> <span class="text-small font-medium pr-4" data-astro-cid-wev6i34t>Is FashKnit free for shoppers?</span> <svg class="h-4 w-4 shrink-0 text-neutral-light-grey/60 transition-transform duration-200" fill="none" viewBox="0 0 24 24" stroke="currentColor" data-astro-cid-wev6i34t> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" data-astro-cid-wev6i34t></path> </svg> </summary> <div class="px-4 pb-4 pt-2 text-small text-neutral-light-grey/80 border-t border-white/4 leading-relaxed" data-astro-cid-wev6i34t> Browsing boutiques, portfolios, and ratings on the web is free. Virtual Try-On and some app features may use credits or in-app purchases as described in the app. </div> </details><details class="group rounded-2xl border border-white/8 bg-white/4 overflow-hidden transition-all duration-300 [&_summary::-webkit-details-marker]:hidden" data-astro-cid-wev6i34t> <summary class="flex items-center justify-between p-4 cursor-pointer text-white hover:bg-white/8 transition-colors select-none" data-astro-cid-wev6i34t> <span class="text-small font-medium pr-4" data-astro-cid-wev6i34t>Can boutiques and designers join FashKnit?</span> <svg class="h-4 w-4 shrink-0 text-neutral-light-grey/60 transition-transform duration-200" fill="none" viewBox="0 0 24 24" stroke="currentColor" data-astro-cid-wev6i34t> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" data-astro-cid-wev6i34t></path> </svg> </summary> <div class="px-4 pb-4 pt-2 text-small text-neutral-light-grey/80 border-t border-white/4 leading-relaxed" data-astro-cid-wev6i34t> Yes. Independent boutiques can create a profile, publish portfolio work, and get discovered by local shoppers. Listing is free with zero commission on direct inquiries. Partner details: https://fashknit.com/fashion-designer-boutique. </div> </details> </div> </section> </div> </div> </section>  <section id="user-testimonials" class="user-testimonials py-20 lg:py-28 bg-transparent relative overflow-hidden border-t border-white/5" aria-label="What people are saying about FashKnit" data-astro-cid-c6ynry3q> <!-- Ambient glow --> <div class="absolute left-1/4 top-0 w-96 h-64 rounded-full bg-grad-start/[0.04] blur-[100px] pointer-events-none" data-astro-cid-c6ynry3q></div> <div class="absolute right-1/4 bottom-0 w-96 h-64 rounded-full bg-primary-orange/[0.04] blur-[100px] pointer-events-none" data-astro-cid-c6ynry3q></div> <div class="max-w-7xl mx-auto px-6 sm:px-12 lg:px-24 mb-12 lg:mb-16 reveal-on-scroll" data-astro-cid-c6ynry3q> <div class="max-w-3xl mx-auto text-center space-y-4" data-astro-cid-c6ynry3q> <div class="inline-flex items-center rounded-full border border-primary-orange/30 bg-primary-orange/10 px-4 py-1.5 text-xs font-bold text-primary-orange tracking-widest uppercase" data-astro-cid-c6ynry3q>
Loved by shoppers across India
</div> <h2 class="text-3xl sm:text-4xl lg:text-5xl font-serif font-normal tracking-wide text-neutral-white leading-tight" data-astro-cid-c6ynry3q>
Real people. Real outfits. <span class="text-primary-orange" data-astro-cid-c6ynry3q>Real love.</span> </h2> <p class="text-body text-neutral-light-grey/70 max-w-xl mx-auto leading-relaxed" data-astro-cid-c6ynry3q>
From brides in Indore to party-goers in Pune — here's what happens when you can try,
        discover, and order from India's finest designers in one place.
</p> </div> </div> <!-- Ticker Row 1 (scrolls left) --> <div class="ticker-row ticker-row--left mb-5 lg:mb-6" data-astro-cid-c6ynry3q> <div class="ticker-fade ticker-fade--left" aria-hidden="true" data-astro-cid-c6ynry3q></div> <div class="ticker-fade ticker-fade--right" aria-hidden="true" data-astro-cid-c6ynry3q></div> <div class="ticker-track ticker-track--left" data-astro-cid-c6ynry3q> <article class="testimonial-card shrink-0 w-[min(88vw,22rem)] sm:w-[24rem] min-h-[15rem] sm:min-h-[15.5rem] rounded-[1.75rem] border border-white/10 bg-white/[0.03] backdrop-blur-md p-6 sm:p-7 flex flex-col gap-5 shadow-[0_12px_40px_rgba(0,0,0,0.25)]" data-astro-cid-c6ynry3q> <div class="flex text-primary-orange gap-0.5" data-astro-cid-c6ynry3q> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg> </div> <p class="text-small text-neutral-light-grey/85 leading-relaxed flex-1 line-clamp-5" data-astro-cid-c6ynry3q>
"I&#39;m in Indore planning my wedding and literally tried on a lehenga from a Delhi designer on the app?? Ordered it that same week. Didn&#39;t even have to fly out."
</p> <div class="flex items-center gap-3 border-t border-white/5 pt-4 mt-auto" data-astro-cid-c6ynry3q> <div class="w-9 h-9 rounded-full bg-gradient-to-br from-grad-start to-grad-end flex items-center justify-center font-bold text-white text-xs shrink-0" data-astro-cid-c6ynry3q> AR </div> <div class="min-w-0" data-astro-cid-c6ynry3q> <p class="text-small font-semibold text-neutral-white truncate" data-astro-cid-c6ynry3q>Ananya R.</p> <p class="text-xs text-neutral-grey truncate" data-astro-cid-c6ynry3q>Bride-to-be · Indore</p> </div> </div> </article><article class="testimonial-card shrink-0 w-[min(88vw,22rem)] sm:w-[24rem] min-h-[15rem] sm:min-h-[15.5rem] rounded-[1.75rem] border border-white/10 bg-white/[0.03] backdrop-blur-md p-6 sm:p-7 flex flex-col gap-5 shadow-[0_12px_40px_rgba(0,0,0,0.25)]" data-astro-cid-c6ynry3q> <div class="flex text-primary-orange gap-0.5" data-astro-cid-c6ynry3q> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg> </div> <p class="text-small text-neutral-light-grey/85 leading-relaxed flex-1 line-clamp-5" data-astro-cid-c6ynry3q>
"Had a sangeet in 4 days. Tried 6 different looks on AI try-on at midnight, picked one, messaged the boutique. No more running to three different stores."
</p> <div class="flex items-center gap-3 border-t border-white/5 pt-4 mt-auto" data-astro-cid-c6ynry3q> <div class="w-9 h-9 rounded-full bg-gradient-to-br from-grad-start to-grad-end flex items-center justify-center font-bold text-white text-xs shrink-0" data-astro-cid-c6ynry3q> KM </div> <div class="min-w-0" data-astro-cid-c6ynry3q> <p class="text-small font-semibold text-neutral-white truncate" data-astro-cid-c6ynry3q>Kavya M.</p> <p class="text-xs text-neutral-grey truncate" data-astro-cid-c6ynry3q>Party prep · Pune</p> </div> </div> </article><article class="testimonial-card shrink-0 w-[min(88vw,22rem)] sm:w-[24rem] min-h-[15rem] sm:min-h-[15.5rem] rounded-[1.75rem] border border-white/10 bg-white/[0.03] backdrop-blur-md p-6 sm:p-7 flex flex-col gap-5 shadow-[0_12px_40px_rgba(0,0,0,0.25)]" data-astro-cid-c6ynry3q> <div class="flex text-primary-orange gap-0.5" data-astro-cid-c6ynry3q> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg> </div> <p class="text-small text-neutral-light-grey/85 leading-relaxed flex-1 line-clamp-5" data-astro-cid-c6ynry3q>
"Wait — there are SO many boutiques on here. Full portfolios, actual rate lists, reviews. I spent two hours just exploring and I&#39;m not even mad."
</p> <div class="flex items-center gap-3 border-t border-white/5 pt-4 mt-auto" data-astro-cid-c6ynry3q> <div class="w-9 h-9 rounded-full bg-gradient-to-br from-grad-start to-grad-end flex items-center justify-center font-bold text-white text-xs shrink-0" data-astro-cid-c6ynry3q> RS </div> <div class="min-w-0" data-astro-cid-c6ynry3q> <p class="text-small font-semibold text-neutral-white truncate" data-astro-cid-c6ynry3q>Ritika S.</p> <p class="text-xs text-neutral-grey truncate" data-astro-cid-c6ynry3q>Wedding shopper · Mumbai</p> </div> </div> </article><article class="testimonial-card shrink-0 w-[min(88vw,22rem)] sm:w-[24rem] min-h-[15rem] sm:min-h-[15.5rem] rounded-[1.75rem] border border-white/10 bg-white/[0.03] backdrop-blur-md p-6 sm:p-7 flex flex-col gap-5 shadow-[0_12px_40px_rgba(0,0,0,0.25)]" data-astro-cid-c6ynry3q> <div class="flex text-primary-orange gap-0.5" data-astro-cid-c6ynry3q> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg> </div> <p class="text-small text-neutral-light-grey/85 leading-relaxed flex-1 line-clamp-5" data-astro-cid-c6ynry3q>
"ok the AI try on is actually unhinged?? the drape sits right, the fabric looks real. no cap this is the most accurate one i&#39;ve tried"
</p> <div class="flex items-center gap-3 border-t border-white/5 pt-4 mt-auto" data-astro-cid-c6ynry3q> <div class="w-9 h-9 rounded-full bg-gradient-to-br from-grad-start to-grad-end flex items-center justify-center font-bold text-white text-xs shrink-0" data-astro-cid-c6ynry3q> ZK </div> <div class="min-w-0" data-astro-cid-c6ynry3q> <p class="text-small font-semibold text-neutral-white truncate" data-astro-cid-c6ynry3q>Zara K.</p> <p class="text-xs text-neutral-grey truncate" data-astro-cid-c6ynry3q>Gen Z · Bangalore</p> </div> </div> </article><article class="testimonial-card shrink-0 w-[min(88vw,22rem)] sm:w-[24rem] min-h-[15rem] sm:min-h-[15.5rem] rounded-[1.75rem] border border-white/10 bg-white/[0.03] backdrop-blur-md p-6 sm:p-7 flex flex-col gap-5 shadow-[0_12px_40px_rgba(0,0,0,0.25)]" data-astro-cid-c6ynry3q> <div class="flex text-primary-orange gap-0.5" data-astro-cid-c6ynry3q> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg> </div> <p class="text-small text-neutral-light-grey/85 leading-relaxed flex-1 line-clamp-5" data-astro-cid-c6ynry3q>
"Never worn a pure white suit in my life. Tried one on the app for my brother&#39;s reception — looked way better than I expected. Got it stitched. Worth it."
</p> <div class="flex items-center gap-3 border-t border-white/5 pt-4 mt-auto" data-astro-cid-c6ynry3q> <div class="w-9 h-9 rounded-full bg-gradient-to-br from-grad-start to-grad-end flex items-center justify-center font-bold text-white text-xs shrink-0" data-astro-cid-c6ynry3q> AV </div> <div class="min-w-0" data-astro-cid-c6ynry3q> <p class="text-small font-semibold text-neutral-white truncate" data-astro-cid-c6ynry3q>Arjun V.</p> <p class="text-xs text-neutral-grey truncate" data-astro-cid-c6ynry3q>First-timer · Chandigarh</p> </div> </div> </article><article class="testimonial-card shrink-0 w-[min(88vw,22rem)] sm:w-[24rem] min-h-[15rem] sm:min-h-[15.5rem] rounded-[1.75rem] border border-white/10 bg-white/[0.03] backdrop-blur-md p-6 sm:p-7 flex flex-col gap-5 shadow-[0_12px_40px_rgba(0,0,0,0.25)]" data-astro-cid-c6ynry3q> <div class="flex text-primary-orange gap-0.5" data-astro-cid-c6ynry3q> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg> </div> <p class="text-small text-neutral-light-grey/85 leading-relaxed flex-1 line-clamp-5" data-astro-cid-c6ynry3q>
"This is literally what I&#39;ve been waiting for. Browse designers across India, try before you commit, talk to them directly. FINALLY."
</p> <div class="flex items-center gap-3 border-t border-white/5 pt-4 mt-auto" data-astro-cid-c6ynry3q> <div class="w-9 h-9 rounded-full bg-gradient-to-br from-grad-start to-grad-end flex items-center justify-center font-bold text-white text-xs shrink-0" data-astro-cid-c6ynry3q> MD </div> <div class="min-w-0" data-astro-cid-c6ynry3q> <p class="text-small font-semibold text-neutral-white truncate" data-astro-cid-c6ynry3q>Megha D.</p> <p class="text-xs text-neutral-grey truncate" data-astro-cid-c6ynry3q>Early adopter · Jaipur</p> </div> </div> </article><article class="testimonial-card shrink-0 w-[min(88vw,22rem)] sm:w-[24rem] min-h-[15rem] sm:min-h-[15.5rem] rounded-[1.75rem] border border-white/10 bg-white/[0.03] backdrop-blur-md p-6 sm:p-7 flex flex-col gap-5 shadow-[0_12px_40px_rgba(0,0,0,0.25)]" aria-hidden="true" data-astro-cid-c6ynry3q> <div class="flex text-primary-orange gap-0.5" data-astro-cid-c6ynry3q> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg> </div> <p class="text-small text-neutral-light-grey/85 leading-relaxed flex-1 line-clamp-5" data-astro-cid-c6ynry3q>
"I&#39;m in Indore planning my wedding and literally tried on a lehenga from a Delhi designer on the app?? Ordered it that same week. Didn&#39;t even have to fly out."
</p> <div class="flex items-center gap-3 border-t border-white/5 pt-4 mt-auto" data-astro-cid-c6ynry3q> <div class="w-9 h-9 rounded-full bg-gradient-to-br from-grad-start to-grad-end flex items-center justify-center font-bold text-white text-xs shrink-0" data-astro-cid-c6ynry3q> AR </div> <div class="min-w-0" data-astro-cid-c6ynry3q> <p class="text-small font-semibold text-neutral-white truncate" data-astro-cid-c6ynry3q>Ananya R.</p> <p class="text-xs text-neutral-grey truncate" data-astro-cid-c6ynry3q>Bride-to-be · Indore</p> </div> </div> </article><article class="testimonial-card shrink-0 w-[min(88vw,22rem)] sm:w-[24rem] min-h-[15rem] sm:min-h-[15.5rem] rounded-[1.75rem] border border-white/10 bg-white/[0.03] backdrop-blur-md p-6 sm:p-7 flex flex-col gap-5 shadow-[0_12px_40px_rgba(0,0,0,0.25)]" aria-hidden="true" data-astro-cid-c6ynry3q> <div class="flex text-primary-orange gap-0.5" data-astro-cid-c6ynry3q> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg> </div> <p class="text-small text-neutral-light-grey/85 leading-relaxed flex-1 line-clamp-5" data-astro-cid-c6ynry3q>
"Had a sangeet in 4 days. Tried 6 different looks on AI try-on at midnight, picked one, messaged the boutique. No more running to three different stores."
</p> <div class="flex items-center gap-3 border-t border-white/5 pt-4 mt-auto" data-astro-cid-c6ynry3q> <div class="w-9 h-9 rounded-full bg-gradient-to-br from-grad-start to-grad-end flex items-center justify-center font-bold text-white text-xs shrink-0" data-astro-cid-c6ynry3q> KM </div> <div class="min-w-0" data-astro-cid-c6ynry3q> <p class="text-small font-semibold text-neutral-white truncate" data-astro-cid-c6ynry3q>Kavya M.</p> <p class="text-xs text-neutral-grey truncate" data-astro-cid-c6ynry3q>Party prep · Pune</p> </div> </div> </article><article class="testimonial-card shrink-0 w-[min(88vw,22rem)] sm:w-[24rem] min-h-[15rem] sm:min-h-[15.5rem] rounded-[1.75rem] border border-white/10 bg-white/[0.03] backdrop-blur-md p-6 sm:p-7 flex flex-col gap-5 shadow-[0_12px_40px_rgba(0,0,0,0.25)]" aria-hidden="true" data-astro-cid-c6ynry3q> <div class="flex text-primary-orange gap-0.5" data-astro-cid-c6ynry3q> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg> </div> <p class="text-small text-neutral-light-grey/85 leading-relaxed flex-1 line-clamp-5" data-astro-cid-c6ynry3q>
"Wait — there are SO many boutiques on here. Full portfolios, actual rate lists, reviews. I spent two hours just exploring and I&#39;m not even mad."
</p> <div class="flex items-center gap-3 border-t border-white/5 pt-4 mt-auto" data-astro-cid-c6ynry3q> <div class="w-9 h-9 rounded-full bg-gradient-to-br from-grad-start to-grad-end flex items-center justify-center font-bold text-white text-xs shrink-0" data-astro-cid-c6ynry3q> RS </div> <div class="min-w-0" data-astro-cid-c6ynry3q> <p class="text-small font-semibold text-neutral-white truncate" data-astro-cid-c6ynry3q>Ritika S.</p> <p class="text-xs text-neutral-grey truncate" data-astro-cid-c6ynry3q>Wedding shopper · Mumbai</p> </div> </div> </article><article class="testimonial-card shrink-0 w-[min(88vw,22rem)] sm:w-[24rem] min-h-[15rem] sm:min-h-[15.5rem] rounded-[1.75rem] border border-white/10 bg-white/[0.03] backdrop-blur-md p-6 sm:p-7 flex flex-col gap-5 shadow-[0_12px_40px_rgba(0,0,0,0.25)]" aria-hidden="true" data-astro-cid-c6ynry3q> <div class="flex text-primary-orange gap-0.5" data-astro-cid-c6ynry3q> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg> </div> <p class="text-small text-neutral-light-grey/85 leading-relaxed flex-1 line-clamp-5" data-astro-cid-c6ynry3q>
"ok the AI try on is actually unhinged?? the drape sits right, the fabric looks real. no cap this is the most accurate one i&#39;ve tried"
</p> <div class="flex items-center gap-3 border-t border-white/5 pt-4 mt-auto" data-astro-cid-c6ynry3q> <div class="w-9 h-9 rounded-full bg-gradient-to-br from-grad-start to-grad-end flex items-center justify-center font-bold text-white text-xs shrink-0" data-astro-cid-c6ynry3q> ZK </div> <div class="min-w-0" data-astro-cid-c6ynry3q> <p class="text-small font-semibold text-neutral-white truncate" data-astro-cid-c6ynry3q>Zara K.</p> <p class="text-xs text-neutral-grey truncate" data-astro-cid-c6ynry3q>Gen Z · Bangalore</p> </div> </div> </article><article class="testimonial-card shrink-0 w-[min(88vw,22rem)] sm:w-[24rem] min-h-[15rem] sm:min-h-[15.5rem] rounded-[1.75rem] border border-white/10 bg-white/[0.03] backdrop-blur-md p-6 sm:p-7 flex flex-col gap-5 shadow-[0_12px_40px_rgba(0,0,0,0.25)]" aria-hidden="true" data-astro-cid-c6ynry3q> <div class="flex text-primary-orange gap-0.5" data-astro-cid-c6ynry3q> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg> </div> <p class="text-small text-neutral-light-grey/85 leading-relaxed flex-1 line-clamp-5" data-astro-cid-c6ynry3q>
"Never worn a pure white suit in my life. Tried one on the app for my brother&#39;s reception — looked way better than I expected. Got it stitched. Worth it."
</p> <div class="flex items-center gap-3 border-t border-white/5 pt-4 mt-auto" data-astro-cid-c6ynry3q> <div class="w-9 h-9 rounded-full bg-gradient-to-br from-grad-start to-grad-end flex items-center justify-center font-bold text-white text-xs shrink-0" data-astro-cid-c6ynry3q> AV </div> <div class="min-w-0" data-astro-cid-c6ynry3q> <p class="text-small font-semibold text-neutral-white truncate" data-astro-cid-c6ynry3q>Arjun V.</p> <p class="text-xs text-neutral-grey truncate" data-astro-cid-c6ynry3q>First-timer · Chandigarh</p> </div> </div> </article><article class="testimonial-card shrink-0 w-[min(88vw,22rem)] sm:w-[24rem] min-h-[15rem] sm:min-h-[15.5rem] rounded-[1.75rem] border border-white/10 bg-white/[0.03] backdrop-blur-md p-6 sm:p-7 flex flex-col gap-5 shadow-[0_12px_40px_rgba(0,0,0,0.25)]" aria-hidden="true" data-astro-cid-c6ynry3q> <div class="flex text-primary-orange gap-0.5" data-astro-cid-c6ynry3q> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg> </div> <p class="text-small text-neutral-light-grey/85 leading-relaxed flex-1 line-clamp-5" data-astro-cid-c6ynry3q>
"This is literally what I&#39;ve been waiting for. Browse designers across India, try before you commit, talk to them directly. FINALLY."
</p> <div class="flex items-center gap-3 border-t border-white/5 pt-4 mt-auto" data-astro-cid-c6ynry3q> <div class="w-9 h-9 rounded-full bg-gradient-to-br from-grad-start to-grad-end flex items-center justify-center font-bold text-white text-xs shrink-0" data-astro-cid-c6ynry3q> MD </div> <div class="min-w-0" data-astro-cid-c6ynry3q> <p class="text-small font-semibold text-neutral-white truncate" data-astro-cid-c6ynry3q>Megha D.</p> <p class="text-xs text-neutral-grey truncate" data-astro-cid-c6ynry3q>Early adopter · Jaipur</p> </div> </div> </article> </div> </div> <!-- Ticker Row 2 (scrolls right) --> <div class="ticker-row ticker-row--right" data-astro-cid-c6ynry3q> <div class="ticker-fade ticker-fade--left" aria-hidden="true" data-astro-cid-c6ynry3q></div> <div class="ticker-fade ticker-fade--right" aria-hidden="true" data-astro-cid-c6ynry3q></div> <div class="ticker-track ticker-track--right" data-astro-cid-c6ynry3q> <article class="testimonial-card shrink-0 w-[min(88vw,22rem)] sm:w-[24rem] min-h-[15rem] sm:min-h-[15.5rem] rounded-[1.75rem] border border-white/10 bg-white/[0.03] backdrop-blur-md p-6 sm:p-7 flex flex-col gap-5 shadow-[0_12px_40px_rgba(0,0,0,0.25)]" data-astro-cid-c6ynry3q> <div class="flex text-primary-orange gap-0.5" data-astro-cid-c6ynry3q> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg> </div> <p class="text-small text-neutral-light-grey/85 leading-relaxed flex-1 line-clamp-5" data-astro-cid-c6ynry3q>
"Mom wanted something traditional for my roka. Found a boutique we&#39;d never heard of, tried the outfit virtually. She cried — happy tears."
</p> <div class="flex items-center gap-3 border-t border-white/5 pt-4 mt-auto" data-astro-cid-c6ynry3q> <div class="w-9 h-9 rounded-full bg-gradient-to-br from-grad-start to-grad-end flex items-center justify-center font-bold text-white text-xs shrink-0" data-astro-cid-c6ynry3q> PN </div> <div class="min-w-0" data-astro-cid-c6ynry3q> <p class="text-small font-semibold text-neutral-white truncate" data-astro-cid-c6ynry3q>Pooja N.</p> <p class="text-xs text-neutral-grey truncate" data-astro-cid-c6ynry3q>Family shopper · Lucknow</p> </div> </div> </article><article class="testimonial-card shrink-0 w-[min(88vw,22rem)] sm:w-[24rem] min-h-[15rem] sm:min-h-[15.5rem] rounded-[1.75rem] border border-white/10 bg-white/[0.03] backdrop-blur-md p-6 sm:p-7 flex flex-col gap-5 shadow-[0_12px_40px_rgba(0,0,0,0.25)]" data-astro-cid-c6ynry3q> <div class="flex text-primary-orange gap-0.5" data-astro-cid-c6ynry3q> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg> </div> <p class="text-small text-neutral-light-grey/85 leading-relaxed flex-1 line-clamp-5" data-astro-cid-c6ynry3q>
"From a tier-2 city and always felt left out of the designer loop. Delhi, Mumbai, Jaipur creators — all in one place now."
</p> <div class="flex items-center gap-3 border-t border-white/5 pt-4 mt-auto" data-astro-cid-c6ynry3q> <div class="w-9 h-9 rounded-full bg-gradient-to-br from-grad-start to-grad-end flex items-center justify-center font-bold text-white text-xs shrink-0" data-astro-cid-c6ynry3q> ST </div> <div class="min-w-0" data-astro-cid-c6ynry3q> <p class="text-small font-semibold text-neutral-white truncate" data-astro-cid-c6ynry3q>Sneha T.</p> <p class="text-xs text-neutral-grey truncate" data-astro-cid-c6ynry3q>Small-town bride · Bhopal</p> </div> </div> </article><article class="testimonial-card shrink-0 w-[min(88vw,22rem)] sm:w-[24rem] min-h-[15rem] sm:min-h-[15.5rem] rounded-[1.75rem] border border-white/10 bg-white/[0.03] backdrop-blur-md p-6 sm:p-7 flex flex-col gap-5 shadow-[0_12px_40px_rgba(0,0,0,0.25)]" data-astro-cid-c6ynry3q> <div class="flex text-primary-orange gap-0.5" data-astro-cid-c6ynry3q> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg> </div> <p class="text-small text-neutral-light-grey/85 leading-relaxed flex-1 line-clamp-5" data-astro-cid-c6ynry3q>
"Diwali outfit sorted in one evening. Scrolled trends, tried 4 kurtas, checked the rate list, called the boutique. Done."
</p> <div class="flex items-center gap-3 border-t border-white/5 pt-4 mt-auto" data-astro-cid-c6ynry3q> <div class="w-9 h-9 rounded-full bg-gradient-to-br from-grad-start to-grad-end flex items-center justify-center font-bold text-white text-xs shrink-0" data-astro-cid-c6ynry3q> RP </div> <div class="min-w-0" data-astro-cid-c6ynry3q> <p class="text-small font-semibold text-neutral-white truncate" data-astro-cid-c6ynry3q>Rohan P.</p> <p class="text-xs text-neutral-grey truncate" data-astro-cid-c6ynry3q>Festival panic · Ahmedabad</p> </div> </div> </article><article class="testimonial-card shrink-0 w-[min(88vw,22rem)] sm:w-[24rem] min-h-[15rem] sm:min-h-[15.5rem] rounded-[1.75rem] border border-white/10 bg-white/[0.03] backdrop-blur-md p-6 sm:p-7 flex flex-col gap-5 shadow-[0_12px_40px_rgba(0,0,0,0.25)]" data-astro-cid-c6ynry3q> <div class="flex text-primary-orange gap-0.5" data-astro-cid-c6ynry3q> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg> </div> <p class="text-small text-neutral-light-grey/85 leading-relaxed flex-1 line-clamp-5" data-astro-cid-c6ynry3q>
"Compared lehenga pricing across 5 boutiques without awkward &#39;just looking&#39; visits. Transparent rates saved me time AND money."
</p> <div class="flex items-center gap-3 border-t border-white/5 pt-4 mt-auto" data-astro-cid-c6ynry3q> <div class="w-9 h-9 rounded-full bg-gradient-to-br from-grad-start to-grad-end flex items-center justify-center font-bold text-white text-xs shrink-0" data-astro-cid-c6ynry3q> DL </div> <div class="min-w-0" data-astro-cid-c6ynry3q> <p class="text-small font-semibold text-neutral-white truncate" data-astro-cid-c6ynry3q>Divya L.</p> <p class="text-xs text-neutral-grey truncate" data-astro-cid-c6ynry3q>Smart shopper · Hyderabad</p> </div> </div> </article><article class="testimonial-card shrink-0 w-[min(88vw,22rem)] sm:w-[24rem] min-h-[15rem] sm:min-h-[15.5rem] rounded-[1.75rem] border border-white/10 bg-white/[0.03] backdrop-blur-md p-6 sm:p-7 flex flex-col gap-5 shadow-[0_12px_40px_rgba(0,0,0,0.25)]" data-astro-cid-c6ynry3q> <div class="flex text-primary-orange gap-0.5" data-astro-cid-c6ynry3q> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg> </div> <p class="text-small text-neutral-light-grey/85 leading-relaxed flex-1 line-clamp-5" data-astro-cid-c6ynry3q>
"Groom gang — tried sherwanis from 4 different cities without leaving home. Picked one from Jaipur, fittings went smooth."
</p> <div class="flex items-center gap-3 border-t border-white/5 pt-4 mt-auto" data-astro-cid-c6ynry3q> <div class="w-9 h-9 rounded-full bg-gradient-to-br from-grad-start to-grad-end flex items-center justify-center font-bold text-white text-xs shrink-0" data-astro-cid-c6ynry3q> NS </div> <div class="min-w-0" data-astro-cid-c6ynry3q> <p class="text-small font-semibold text-neutral-white truncate" data-astro-cid-c6ynry3q>Nikhil S.</p> <p class="text-xs text-neutral-grey truncate" data-astro-cid-c6ynry3q>Groom · Delhi NCR</p> </div> </div> </article><article class="testimonial-card shrink-0 w-[min(88vw,22rem)] sm:w-[24rem] min-h-[15rem] sm:min-h-[15.5rem] rounded-[1.75rem] border border-white/10 bg-white/[0.03] backdrop-blur-md p-6 sm:p-7 flex flex-col gap-5 shadow-[0_12px_40px_rgba(0,0,0,0.25)]" data-astro-cid-c6ynry3q> <div class="flex text-primary-orange gap-0.5" data-astro-cid-c6ynry3q> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg> </div> <p class="text-small text-neutral-light-grey/85 leading-relaxed flex-1 line-clamp-5" data-astro-cid-c6ynry3q>
"Needed a yellow outfit for haldi that wasn&#39;t basic. AI try-on helped me see what actually suits my skin tone. Ordered from a Jaipur designer."
</p> <div class="flex items-center gap-3 border-t border-white/5 pt-4 mt-auto" data-astro-cid-c6ynry3q> <div class="w-9 h-9 rounded-full bg-gradient-to-br from-grad-start to-grad-end flex items-center justify-center font-bold text-white text-xs shrink-0" data-astro-cid-c6ynry3q> IG </div> <div class="min-w-0" data-astro-cid-c6ynry3q> <p class="text-small font-semibold text-neutral-white truncate" data-astro-cid-c6ynry3q>Ishita G.</p> <p class="text-xs text-neutral-grey truncate" data-astro-cid-c6ynry3q>Bride · Indore</p> </div> </div> </article><article class="testimonial-card shrink-0 w-[min(88vw,22rem)] sm:w-[24rem] min-h-[15rem] sm:min-h-[15.5rem] rounded-[1.75rem] border border-white/10 bg-white/[0.03] backdrop-blur-md p-6 sm:p-7 flex flex-col gap-5 shadow-[0_12px_40px_rgba(0,0,0,0.25)]" aria-hidden="true" data-astro-cid-c6ynry3q> <div class="flex text-primary-orange gap-0.5" data-astro-cid-c6ynry3q> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg> </div> <p class="text-small text-neutral-light-grey/85 leading-relaxed flex-1 line-clamp-5" data-astro-cid-c6ynry3q>
"Mom wanted something traditional for my roka. Found a boutique we&#39;d never heard of, tried the outfit virtually. She cried — happy tears."
</p> <div class="flex items-center gap-3 border-t border-white/5 pt-4 mt-auto" data-astro-cid-c6ynry3q> <div class="w-9 h-9 rounded-full bg-gradient-to-br from-grad-start to-grad-end flex items-center justify-center font-bold text-white text-xs shrink-0" data-astro-cid-c6ynry3q> PN </div> <div class="min-w-0" data-astro-cid-c6ynry3q> <p class="text-small font-semibold text-neutral-white truncate" data-astro-cid-c6ynry3q>Pooja N.</p> <p class="text-xs text-neutral-grey truncate" data-astro-cid-c6ynry3q>Family shopper · Lucknow</p> </div> </div> </article><article class="testimonial-card shrink-0 w-[min(88vw,22rem)] sm:w-[24rem] min-h-[15rem] sm:min-h-[15.5rem] rounded-[1.75rem] border border-white/10 bg-white/[0.03] backdrop-blur-md p-6 sm:p-7 flex flex-col gap-5 shadow-[0_12px_40px_rgba(0,0,0,0.25)]" aria-hidden="true" data-astro-cid-c6ynry3q> <div class="flex text-primary-orange gap-0.5" data-astro-cid-c6ynry3q> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg> </div> <p class="text-small text-neutral-light-grey/85 leading-relaxed flex-1 line-clamp-5" data-astro-cid-c6ynry3q>
"From a tier-2 city and always felt left out of the designer loop. Delhi, Mumbai, Jaipur creators — all in one place now."
</p> <div class="flex items-center gap-3 border-t border-white/5 pt-4 mt-auto" data-astro-cid-c6ynry3q> <div class="w-9 h-9 rounded-full bg-gradient-to-br from-grad-start to-grad-end flex items-center justify-center font-bold text-white text-xs shrink-0" data-astro-cid-c6ynry3q> ST </div> <div class="min-w-0" data-astro-cid-c6ynry3q> <p class="text-small font-semibold text-neutral-white truncate" data-astro-cid-c6ynry3q>Sneha T.</p> <p class="text-xs text-neutral-grey truncate" data-astro-cid-c6ynry3q>Small-town bride · Bhopal</p> </div> </div> </article><article class="testimonial-card shrink-0 w-[min(88vw,22rem)] sm:w-[24rem] min-h-[15rem] sm:min-h-[15.5rem] rounded-[1.75rem] border border-white/10 bg-white/[0.03] backdrop-blur-md p-6 sm:p-7 flex flex-col gap-5 shadow-[0_12px_40px_rgba(0,0,0,0.25)]" aria-hidden="true" data-astro-cid-c6ynry3q> <div class="flex text-primary-orange gap-0.5" data-astro-cid-c6ynry3q> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg> </div> <p class="text-small text-neutral-light-grey/85 leading-relaxed flex-1 line-clamp-5" data-astro-cid-c6ynry3q>
"Diwali outfit sorted in one evening. Scrolled trends, tried 4 kurtas, checked the rate list, called the boutique. Done."
</p> <div class="flex items-center gap-3 border-t border-white/5 pt-4 mt-auto" data-astro-cid-c6ynry3q> <div class="w-9 h-9 rounded-full bg-gradient-to-br from-grad-start to-grad-end flex items-center justify-center font-bold text-white text-xs shrink-0" data-astro-cid-c6ynry3q> RP </div> <div class="min-w-0" data-astro-cid-c6ynry3q> <p class="text-small font-semibold text-neutral-white truncate" data-astro-cid-c6ynry3q>Rohan P.</p> <p class="text-xs text-neutral-grey truncate" data-astro-cid-c6ynry3q>Festival panic · Ahmedabad</p> </div> </div> </article><article class="testimonial-card shrink-0 w-[min(88vw,22rem)] sm:w-[24rem] min-h-[15rem] sm:min-h-[15.5rem] rounded-[1.75rem] border border-white/10 bg-white/[0.03] backdrop-blur-md p-6 sm:p-7 flex flex-col gap-5 shadow-[0_12px_40px_rgba(0,0,0,0.25)]" aria-hidden="true" data-astro-cid-c6ynry3q> <div class="flex text-primary-orange gap-0.5" data-astro-cid-c6ynry3q> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg> </div> <p class="text-small text-neutral-light-grey/85 leading-relaxed flex-1 line-clamp-5" data-astro-cid-c6ynry3q>
"Compared lehenga pricing across 5 boutiques without awkward &#39;just looking&#39; visits. Transparent rates saved me time AND money."
</p> <div class="flex items-center gap-3 border-t border-white/5 pt-4 mt-auto" data-astro-cid-c6ynry3q> <div class="w-9 h-9 rounded-full bg-gradient-to-br from-grad-start to-grad-end flex items-center justify-center font-bold text-white text-xs shrink-0" data-astro-cid-c6ynry3q> DL </div> <div class="min-w-0" data-astro-cid-c6ynry3q> <p class="text-small font-semibold text-neutral-white truncate" data-astro-cid-c6ynry3q>Divya L.</p> <p class="text-xs text-neutral-grey truncate" data-astro-cid-c6ynry3q>Smart shopper · Hyderabad</p> </div> </div> </article><article class="testimonial-card shrink-0 w-[min(88vw,22rem)] sm:w-[24rem] min-h-[15rem] sm:min-h-[15.5rem] rounded-[1.75rem] border border-white/10 bg-white/[0.03] backdrop-blur-md p-6 sm:p-7 flex flex-col gap-5 shadow-[0_12px_40px_rgba(0,0,0,0.25)]" aria-hidden="true" data-astro-cid-c6ynry3q> <div class="flex text-primary-orange gap-0.5" data-astro-cid-c6ynry3q> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg> </div> <p class="text-small text-neutral-light-grey/85 leading-relaxed flex-1 line-clamp-5" data-astro-cid-c6ynry3q>
"Groom gang — tried sherwanis from 4 different cities without leaving home. Picked one from Jaipur, fittings went smooth."
</p> <div class="flex items-center gap-3 border-t border-white/5 pt-4 mt-auto" data-astro-cid-c6ynry3q> <div class="w-9 h-9 rounded-full bg-gradient-to-br from-grad-start to-grad-end flex items-center justify-center font-bold text-white text-xs shrink-0" data-astro-cid-c6ynry3q> NS </div> <div class="min-w-0" data-astro-cid-c6ynry3q> <p class="text-small font-semibold text-neutral-white truncate" data-astro-cid-c6ynry3q>Nikhil S.</p> <p class="text-xs text-neutral-grey truncate" data-astro-cid-c6ynry3q>Groom · Delhi NCR</p> </div> </div> </article><article class="testimonial-card shrink-0 w-[min(88vw,22rem)] sm:w-[24rem] min-h-[15rem] sm:min-h-[15.5rem] rounded-[1.75rem] border border-white/10 bg-white/[0.03] backdrop-blur-md p-6 sm:p-7 flex flex-col gap-5 shadow-[0_12px_40px_rgba(0,0,0,0.25)]" aria-hidden="true" data-astro-cid-c6ynry3q> <div class="flex text-primary-orange gap-0.5" data-astro-cid-c6ynry3q> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-c6ynry3q="true" class="lucide lucide-star w-3.5 h-3.5 fill-current"> <path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path>  </svg> </div> <p class="text-small text-neutral-light-grey/85 leading-relaxed flex-1 line-clamp-5" data-astro-cid-c6ynry3q>
"Needed a yellow outfit for haldi that wasn&#39;t basic. AI try-on helped me see what actually suits my skin tone. Ordered from a Jaipur designer."
</p> <div class="flex items-center gap-3 border-t border-white/5 pt-4 mt-auto" data-astro-cid-c6ynry3q> <div class="w-9 h-9 rounded-full bg-gradient-to-br from-grad-start to-grad-end flex items-center justify-center font-bold text-white text-xs shrink-0" data-astro-cid-c6ynry3q> IG </div> <div class="min-w-0" data-astro-cid-c6ynry3q> <p class="text-small font-semibold text-neutral-white truncate" data-astro-cid-c6ynry3q>Ishita G.</p> <p class="text-xs text-neutral-grey truncate" data-astro-cid-c6ynry3q>Bride · Indore</p> </div> </div> </article> </div> </div> <!-- Live pulse indicator --> <div class="flex items-center justify-center gap-2.5 mt-10 lg:mt-12 reveal-on-scroll" data-astro-cid-c6ynry3q> <span class="relative flex h-2 w-2" data-astro-cid-c6ynry3q> <span class="testimonial-pulse-ring absolute inline-flex h-full w-full animate-ping rounded-full bg-primary-orange/60 opacity-75" data-astro-cid-c6ynry3q></span> <span class="relative inline-flex h-2 w-2 rounded-full bg-primary-orange" data-astro-cid-c6ynry3q></span> </span> <p class="text-xs font-medium text-neutral-light-grey/50 tracking-wide uppercase" data-astro-cid-c6ynry3q>
Join thousands discovering designer fashion
</p> </div> </section>  <section class="partner-section relative overflow-clip bg-transparent text-neutral-white border-t border-white/5"> <div class="flex flex-col lg:flex-row min-h-[640px] w-full">  <div class="partner-image-col relative w-full lg:w-1/2 min-h-[360px] lg:min-h-full bg-neutral-black overflow-hidden opacity-0 -translate-x-8 transition-all duration-[1400ms] ease-[cubic-bezier(0.16,1,0.3,1)]"> <img src="/designer-studio.webp" alt="Designer fashion atelier studio with mannequin and fabrics" class="absolute inset-0 w-full h-full object-cover object-center transition-transform duration-700 hover:scale-105" loading="lazy">  <div class="absolute inset-0 bg-gradient-to-r from-black/20 via-transparent to-transparent lg:hidden"></div> </div>  <div class="partner-content-col w-full lg:w-1/2 flex flex-col justify-center p-8 sm:p-12 lg:p-20 bg-white/[0.03] backdrop-blur-md relative z-10 opacity-0 translate-y-8 transition-all duration-[1400ms] ease-[cubic-bezier(0.16,1,0.3,1)] border-l border-white/5">  <div class="absolute right-0 top-0 w-64 h-64 rounded-full bg-[#E33366]/5 blur-[80px] pointer-events-none"></div> <div class="max-w-xl space-y-8"> <div class="space-y-4"> <div class="inline-flex items-center rounded-full border border-primary-orange/30 bg-primary-orange/10 px-4 py-1 text-xs font-bold text-primary-orange tracking-widest uppercase">
DESIGNER PARTNERSHIP
</div> <h2 class="text-h3 sm:text-h2 lg:text-h1 font-bold text-neutral-white leading-tight tracking-tight"> <span class="block apple-text-reveal reveal-line-1">Grow your boutique.</span> <span class="block apple-text-reveal reveal-line-2">Get discovered locally.</span> </h2> <p class="text-body-large text-neutral-light-grey/80 leading-relaxed">
Free digital boutique profile, city and area discovery pages, zero commission on direct
            inquiries, and AI portfolio tools — built for independent designers and custom studios
            across India.
</p> </div>  <ul class="space-y-4 text-body text-neutral-light-grey/80 font-medium"> <li class="partner-bullet flex items-start gap-3 opacity-0 translate-y-3 transition-all duration-[1000ms] ease-[cubic-bezier(0.16,1,0.3,1)]">  <svg class="w-6 h-6 text-primary-orange shrink-0 mt-0.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><path d="m9 11 3 3L22 4"></path></svg> <span> <strong class="text-neutral-white">100% Direct Orders:</strong> Connect directly with shoppers
              via chat. No middlemen and zero sales commission.
</span> </li> <li class="partner-bullet flex items-start gap-3 opacity-0 translate-y-3 transition-all duration-[1000ms] ease-[cubic-bezier(0.16,1,0.3,1)]"> <svg class="w-6 h-6 text-primary-orange shrink-0 mt-0.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><path d="m9 11 3 3L22 4"></path></svg> <span> <strong class="text-neutral-white">AI Portfolio Showcase:</strong> Offer virtual try-ons
              of your outfits to reduce sizing returns and boost sales.
</span> </li> <li class="partner-bullet flex items-start gap-3 opacity-0 translate-y-3 transition-all duration-[1000ms] ease-[cubic-bezier(0.16,1,0.3,1)]"> <svg class="w-6 h-6 text-primary-orange shrink-0 mt-0.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><path d="m9 11 3 3L22 4"></path></svg> <span> <strong class="text-neutral-white">All India Discovery:</strong> Make your boutique visible
              to premium shoppers searching in your city, locality or all across India.
</span> </li> </ul>  <div class="pt-4 space-y-3"> <a href="/fashion-designer-boutique" class="inline-flex items-center justify-center mesh-gradient border-none font-bold rounded-xl px-10 py-4 text-lg shadow-xl transition-all duration-300 hover:scale-105 active:scale-95 text-white w-full sm:w-auto cursor-pointer no-underline">
Partner With Us
</a> <p class="text-xs text-neutral-grey/85 font-medium pl-1">
No listing fees. Verification takes less than 24 hours.
</p> </div> </div> </div> </div> </section> <script>
  (function () {
    function initDesignerPartnership() {
      if (window.fashknitCleanupDesignerPartnership) {
        window.fashknitCleanupDesignerPartnership();
      }

      const section = document.querySelector('.partner-section');
      if (!section) return;

      const imgCol = section.querySelector('.partner-image-col');
      const contentCol = section.querySelector('.partner-content-col');
      const bullets = section.querySelectorAll('.partner-bullet');

      const observer = new IntersectionObserver(
        (entries) => {
          entries.forEach((entry) => {
            if (entry.isIntersecting) {
              if (imgCol) imgCol.classList.remove('opacity-0', '-translate-x-8');
              if (contentCol) {
                contentCol.classList.remove('opacity-0', 'translate-y-8');
                contentCol.classList.add('reveal-visible');
              }

              bullets.forEach((bullet, index) => {
                setTimeout(
                  () => {
                    bullet.classList.remove('opacity-0', 'translate-y-3');
                  },
                  400 + index * 180
                );
              });

              observer.unobserve(entry.target);
            }
          });
        },
        { threshold: 0.15, rootMargin: '0px 0px -150px 0px' }
      );

      observer.observe(section);

      window.fashknitCleanupDesignerPartnership = () => {
        observer.disconnect();
      };
    }

    document.addEventListener('DOMContentLoaded', initDesignerPartnership);
    document.addEventListener('astro:after-swap', initDesignerPartnership);
    if (document.readyState === 'complete' || document.readyState === 'interactive') {
      initDesignerPartnership();
    }
  })();
</script>  <section class="max-w-7xl mx-auto px-6 sm:px-12 lg:px-24 py-20 border-t border-white/5 relative overflow-x-clip overflow-y-visible reveal-on-scroll" data-astro-cid-j7pv25f6> <div class="flex flex-col sm:flex-row items-start sm:items-end justify-between gap-6 mb-12" data-astro-cid-j7pv25f6> <div class="space-y-3" data-astro-cid-j7pv25f6> <div class="inline-flex items-center rounded-full border border-primary-orange/30 bg-primary-orange/10 px-4 py-1 text-xs font-bold text-primary-orange tracking-widest uppercase" data-astro-cid-j7pv25f6>
FashKnit Journal
</div> <h2 class="text-3xl sm:text-4xl lg:text-5xl font-bold text-neutral-white leading-tight tracking-tight" data-astro-cid-j7pv25f6>
From the FashKnit Journal
</h2> <p class="text-body text-neutral-light-grey/80 max-w-xl" data-astro-cid-j7pv25f6>
Designer spotlights, occasion-wear ideas, and practical notes for custom stitching - link
          through to boutiques when you are ready to shortlist.
</p> </div> <a href="/blog" class="glass-btn font-bold rounded-xl px-6 py-3 text-small shadow-sm transition-all duration-300 hover:scale-105 active:scale-95 inline-flex items-center gap-2 cursor-pointer no-underline" data-astro-cid-j7pv25f6> <span data-astro-cid-j7pv25f6>Visit Our Blog</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-j7pv25f6="true" class="lucide lucide-arrow-right h-4 w-4"> <path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path>  </svg> </a> </div> <div class="grid grid-cols-1 md:grid-cols-2 gap-8" data-astro-cid-j7pv25f6> <a href="/blog/wedding-wear" class="blog-post-card group relative overflow-hidden rounded-[28px] border border-white/10 bg-white/[0.02] backdrop-blur-md shadow-[0_15px_45px_rgba(0,0,0,0.3)] transition-all duration-500 hover:bg-white/[0.04] hover:border-white/20 hover:shadow-[0_22px_60px_rgba(0,0,0,0.5)] flex flex-col h-full no-underline" data-astro-cid-j7pv25f6>  <div class="absolute right-0 top-0 w-32 h-32 rounded-full bg-[#E33366]/5 blur-[40px] pointer-events-none" data-astro-cid-j7pv25f6></div>  <div class="relative aspect-[16/10] w-full overflow-hidden bg-neutral-light-grey/5 border-b border-white/5" data-astro-cid-j7pv25f6> <img src="/blog/images/bride_red_lehenga.webp" alt="Custom Wedding Wear 2026: Designer Lehengas, Sherwanis and Guest Looks" class="h-full w-full object-cover transition-transform duration-[1200ms] ease-out group-hover:scale-105" loading="lazy" data-astro-cid-j7pv25f6> <div class="absolute inset-0 bg-gradient-to-t from-black/50 via-transparent to-transparent" data-astro-cid-j7pv25f6></div> <span class="absolute top-4 right-4 text-[9px] font-bold uppercase tracking-widest px-2.5 py-0.5 rounded-full border backdrop-blur-sm z-20 border-primary-orange/30 bg-primary-orange/15 text-primary-orange" data-astro-cid-j7pv25f6> Pillar Topic </span> </div>  <div class="p-6 sm:p-8 flex-1 flex flex-col justify-between space-y-6" data-astro-cid-j7pv25f6> <div class="space-y-3" data-astro-cid-j7pv25f6> <span class="text-[10px] font-bold uppercase tracking-wider text-neutral-light-grey/40" data-astro-cid-j7pv25f6> June 2026 </span> <h3 class="text-xl font-serif text-white group-hover:text-primary-orange transition-colors duration-300 leading-snug" data-astro-cid-j7pv25f6> Custom Wedding Wear 2026: Designer Lehengas, Sherwanis and Guest Looks </h3> <p class="text-small text-neutral-light-grey/60 line-clamp-3 leading-relaxed" data-astro-cid-j7pv25f6> Real guidance on choosing custom lehengas, sherwanis and guest attire from verified designers: fabrics, silhouettes, timelines and fit. </p> </div> <div class="pt-4 border-t border-white/5" data-astro-cid-j7pv25f6> <span class="inline-flex items-center gap-2 text-small font-bold text-white group-hover:text-primary-orange transition-all duration-300" data-astro-cid-j7pv25f6> <span data-astro-cid-j7pv25f6>Read Lookbook</span> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-j7pv25f6="true" class="lucide lucide-arrow-right h-4 w-4 transform group-hover:translate-x-1 transition-transform"> <path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path>  </svg> </span> </div> </div> </a> </div> </section>  <section class="gate-section py-24 bg-transparent px-6 sm:px-12 lg:px-24 relative overflow-clip border-t border-white/5"> <div class="max-w-7xl mx-auto rounded-[3rem] border border-white/10 bg-white/[0.03] backdrop-blur-md p-8 sm:p-12 lg:p-16 relative overflow-clip flex flex-col lg:flex-row items-center gap-12 lg:gap-16"> <!-- Left Column: Smartphone Mockup (VTO active) --> <div class="relative w-full lg:w-1/2 flex justify-center items-center"> <!-- Ambient light behind phone --> <div class="absolute w-64 h-64 rounded-full bg-[#F77737]/15 blur-[60px] pointer-events-none"></div> <!-- Smartphone Container --> <div class="gate-phone relative w-[280px] sm:w-[320px] aspect-[9/19] rounded-[3rem] bg-gradient-to-b from-[#5c5e63] via-[#1b1c1e] to-[#3c3e42] p-[2.5px] shadow-[0_25px_60px_rgba(0,0,0,0.8)] transform hover:scale-[1.02] transition-all duration-[1400ms] ease-[cubic-bezier(0.16,1,0.3,1)] opacity-0 translate-y-12 scale-95 ring-1 ring-white/15"> <!-- Side Buttons (placed relative to outer container, sticking out behind it) --> <!-- Action Button --> <div class="absolute left-[-2.5px] top-[18%] w-[2.5px] h-6 bg-gradient-to-b from-[#5c5e63] to-[#2d2e31] rounded-l-sm"></div> <!-- Volume Up --> <div class="absolute left-[-2.5px] top-[25%] w-[2.5px] h-10 bg-gradient-to-b from-[#5c5e63] to-[#2d2e31] rounded-l-sm"></div> <!-- Volume Down --> <div class="absolute left-[-2.5px] top-[32%] w-[2.5px] h-10 bg-gradient-to-b from-[#5c5e63] to-[#2d2e31] rounded-l-sm"></div> <!-- Power Button --> <div class="absolute right-[-2.5px] top-[29%] w-[2.5px] h-14 bg-gradient-to-b from-[#5c5e63] to-[#2d2e31] rounded-r-sm"></div> <!-- Inner Black Glass Bezel --> <div class="w-full h-full p-[8px] bg-black rounded-[2.85rem] flex items-center justify-center"> <!-- Phone Screen Wrapper --> <div class="relative w-full h-full rounded-[2.1rem] bg-black overflow-hidden"> <!-- Dynamic Island / Notch --> <div class="absolute top-3 left-1/2 -translate-x-1/2 w-28 h-5.5 bg-black rounded-full z-30 flex items-center justify-between px-4"> <div class="w-2 h-2 bg-[#101012] rounded-full"></div> <div class="w-1 h-1 bg-[#101012] rounded-full"></div> </div> <!-- Phone Screen Content (Try-On visual slider) --> <div class="absolute inset-0 z-10 w-full h-full"> <!-- Base (After) Image --> <img src="/tryon_after2.webp" alt="Virtual Try-On preview inside smartphone" class="absolute inset-0 w-full h-full object-cover object-center" loading="lazy"> <!-- Top (Before) Image Overlay --> <div id="gate-tryon-before-wrapper" class="absolute inset-0 w-full h-full z-10 will-change-[clip-path]" style="clip-path: inset(0 50% 0 0);"> <img src="/tryon_before.webp" alt="Original Look" class="absolute inset-0 w-full h-full object-cover object-center" loading="lazy"> </div> <!-- Automated Scrubber Bar --> <div id="gate-tryon-scrubber" class="absolute top-0 bottom-0 w-[4px] bg-gradient-to-b from-transparent via-white to-transparent shadow-[0_0_15px_rgba(255,255,255,1)] z-20 -translate-x-1/2 flex items-center justify-center will-change-transform" style="left: 50%;"> <div class="relative w-10 h-10 bg-white rounded-full shadow-[0_0_20px_#f77737,0_0_40px_#e33366] flex items-center justify-center z-30"> <svg class="w-5 h-5 text-[#e33366] transform rotate-90" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M8 9l4-4 4 4m0 6l-4 4-4-4"></path> </svg> <div class="absolute inset-0 rounded-full border-2 border-white animate-ping opacity-80 duration-[2000ms]"></div> </div> </div> <!-- Bottom visual gradient to protect interface overlay --> <div class="absolute inset-0 bg-gradient-to-t from-black via-black/10 to-transparent z-15 pointer-events-none"></div> </div> <!-- Floating App Interface Overlay --> <div class="gate-phone-overlay absolute bottom-6 left-4 right-4 z-20 bg-black/80 backdrop-blur-md rounded-[1.5rem] p-4 border border-white/10 text-white flex items-center justify-between gap-3 shadow-lg transition-all duration-[1000ms] ease-[cubic-bezier(0.16,1,0.3,1)] opacity-0 translate-y-6"> <div class="flex items-center gap-3"> <div class="w-10 h-10 rounded-xl overflow-hidden bg-white/10 border border-white/10 shrink-0"> <img src="/tryon_after2.webp" alt="Original model miniature" class="w-full h-full object-cover" loading="lazy"> </div> <div class="space-y-0.5"> <p class="text-[11px] font-bold text-primary-orange tracking-wider uppercase">
TRY-ON SUCCESS
</p> <p class="text-xs font-bold text-white truncate max-w-[110px]">Bridal Lehenga</p> </div> </div> <div class="flex items-center gap-1.5 bg-status-success/20 border border-status-success/40 text-status-success rounded-full px-2.5 py-1 text-[10px] font-bold"> <div class="w-1.5 h-1.5 bg-[#2B7D0F] rounded-full animate-pulse"></div> <span>Stitched Fit</span> </div> </div> </div> </div> </div> </div> <!-- Right Column: Conversion & App Store Links --> <div class="gate-content w-full lg:w-1/2 space-y-8 text-left relative z-10 opacity-0 translate-y-8 transition-all duration-[1400ms] ease-[cubic-bezier(0.16,1,0.3,1)]"> <div class="space-y-4"> <div class="inline-flex items-center rounded-full border border-primary-orange/30 bg-primary-orange/10 px-4 py-1.5 text-xs font-bold text-primary-orange tracking-widest uppercase">
EXCLUSIVELY ON MOBILE
</div> <h2 class="text-h3 sm:text-h2 lg:text-h1 font-bold text-neutral-white leading-tight tracking-tight"> <span class="block apple-text-reveal reveal-line-1">Try it on. Connect.</span> <span class="block apple-text-reveal reveal-line-2">Get it custom-stitched.</span> </h2> <p class="text-body-large text-neutral-grey leading-relaxed">
AI Virtual Try-On lives in the FashKnit app. Preview eligible designs on yourself,
          shortlist boutiques, and message designers for measurements and fittings — before you
          commit to fabric.
</p> </div> <!-- Action Panel: Badges & QR Code --> <div class="gate-badges flex flex-col sm:flex-row items-center gap-8 pt-4 opacity-0 translate-y-6 transition-all duration-[1000ms] ease-[cubic-bezier(0.16,1,0.3,1)]"> <!-- Badge Links --> <div class="flex flex-col gap-4 w-full sm:w-auto shrink-0"> <!-- Apple App Store Badge --> <a href="https://apps.apple.com/in/app/fashknit/id6737972736" target="_blank" rel="noopener noreferrer" class="flex items-center gap-3 bg-black hover:bg-neutral-black/85 text-white border border-white/15 hover:border-white/30 rounded-xl px-5 py-3 transition-all duration-300 shadow-lg group shrink-0 w-full sm:w-[200px]"> <!-- Apple Icon --> <svg class="w-7 h-7 fill-current" viewBox="0 0 24 24"> <path d="M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.81-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M15.97 4.17c.66-.81 1.11-1.93.99-3.06-1 .04-2.2.67-2.92 1.49-.62.71-1.16 1.85-1.01 2.96 1.12.09 2.27-.58 2.94-1.39z"></path> </svg> <div class="text-left space-y-0.5"> <p class="text-[9px] font-bold text-neutral-grey tracking-wider uppercase leading-none">
Download on the
</p> <p class="text-sm font-bold text-white leading-none">App Store</p> </div> </a> <!-- Google Play Badge --> <a href="https://play.google.com/store/apps/details?id=manil.fashknit" target="_blank" rel="noopener noreferrer" class="flex items-center gap-3 bg-black hover:bg-neutral-black/85 text-white border border-white/15 hover:border-white/30 rounded-xl px-5 py-3 transition-all duration-300 shadow-lg group shrink-0 w-full sm:w-[200px]"> <!-- Google Play Icon --> <svg class="w-7 h-7 fill-current" viewBox="0 0 24 24"> <path d="M5 3.25c-.26 0-.5.06-.71.17l10.8 10.8 3.19-3.19L5.3 3.42c-.09-.07-.2-.11-.3-.17m-.72.82c-.08.2-.12.44-.12.69v14.48c0 .25.04.49.12.69L14.73 12 4.28 4.07M5 20.75c.1 0 .21-.04.3-.11l12.98-7.61-3.2-3.2L4.28 20.63c.21.11.45.17.72.17m13.91-7.85l3.52-2.07c.36-.21.57-.6.57-1.01s-.21-.8-.57-1.01l-3.52-2.07-3.41 3.41 3.41 3.75z"></path> </svg> <div class="text-left space-y-0.5"> <p class="text-[9px] font-bold text-neutral-grey tracking-wider uppercase leading-none">
GET IT ON
</p> <p class="text-sm font-bold text-white leading-none">Google Play</p> </div> </a> </div> <!-- Real scannable QR code pointing to Google Play (scans to Android; iOS users use the App Store badge above) --> <div class="hidden sm:flex flex-col items-center justify-center p-3 bg-white rounded-[1.75rem] border border-white/10 shadow-2xl w-36 h-36 shrink-0 gap-2"> <img src="/googleplayqr.png" alt="Scan to download FashKnit on Google Play" width="112" height="112" class="rounded-lg" loading="lazy"> <p class="text-[9px] font-black text-neutral-grey tracking-wider uppercase leading-none text-center">
Scan to Install
</p> </div> </div> </div> </div> </section> <script>
  (function () {
    function initAcquisitionGate() {
      if (window.fashknitCleanupAcquisitionGate) {
        window.fashknitCleanupAcquisitionGate();
      }

      const section = document.querySelector('.gate-section');
      if (!section) return;

      const phone = section.querySelector('.gate-phone');
      const overlay = section.querySelector('.gate-phone-overlay');
      const content = section.querySelector('.gate-content');
      const badges = section.querySelector('.gate-badges');

      const beforeWrapper = section.querySelector('#gate-tryon-before-wrapper');
      const scrubber = section.querySelector('#gate-tryon-scrubber');

      let animationFrameId;
      let isAnimating = false;
      let revealed = false;

      function animateSlider(timestamp) {
        if (!isAnimating) return;

        const leftPercentage = 50 + 38 * Math.sin(timestamp / 1000);

        if (beforeWrapper) {
          beforeWrapper.style.clipPath = `inset(0 ${100 - leftPercentage}% 0 0)`;
        }
        if (scrubber) {
          scrubber.style.left = `${leftPercentage}%`;
        }

        animationFrameId = requestAnimationFrame(animateSlider);
      }

      const observer = new IntersectionObserver(
        (entries) => {
          entries.forEach((entry) => {
            if (entry.isIntersecting) {
              if (!revealed) {
                revealed = true;
                if (content) {
                  content.classList.remove('opacity-0', 'translate-y-8');
                  content.classList.add('reveal-visible');
                }
                if (phone) {
                  phone.classList.remove('opacity-0', 'translate-y-12', 'scale-95');
                }

                setTimeout(() => {
                  if (badges) {
                    badges.classList.remove('opacity-0', 'translate-y-6');
                  }
                }, 400);

                setTimeout(() => {
                  if (overlay) {
                    overlay.classList.remove('opacity-0', 'translate-y-6');
                  }
                }, 900);
              }

              if (!isAnimating) {
                isAnimating = true;
                animationFrameId = requestAnimationFrame(animateSlider);
              }
            } else {
              isAnimating = false;
              cancelAnimationFrame(animationFrameId);
            }
          });
        },
        { threshold: 0.05 }
      );

      observer.observe(section);

      window.fashknitCleanupAcquisitionGate = () => {
        observer.disconnect();
        isAnimating = false;
        cancelAnimationFrame(animationFrameId);
      };
    }

    document.addEventListener('DOMContentLoaded', initAcquisitionGate);
    document.addEventListener('astro:after-swap', initAcquisitionGate);
    if (document.readyState === 'complete' || document.readyState === 'interactive') {
      initAcquisitionGate();
    }
  })();
</script>   </div> <footer class="main-footer bg-[#0B0B0C] text-neutral-grey border-t border-white/5 pt-20 pb-12 px-6 sm:px-12 lg:px-24 relative overflow-hidden"> <!-- Subtle background lights --> <div class="absolute right-1/4 bottom-0 w-96 h-96 rounded-full bg-[#E33366]/5 blur-[100px] pointer-events-none"></div> <div class="absolute left-1/4 top-0 w-96 h-96 rounded-full bg-[#F77737]/5 blur-[100px] pointer-events-none"></div> <div class="max-w-7xl mx-auto space-y-16 relative z-10"> <div aria-hidden="true" class="footer-wave-title w-full select-none font-extralight tracking-wide sm:tracking-wider lg:tracking-widest text-[8.5vw] sm:text-[7.5vw] lg:text-[6.5vw] leading-none pointer-events-none overflow-hidden py-8 sm:py-10 flex flex-row flex-nowrap justify-between sm:justify-center items-center sm:gap-[0.04em]" data-astro-cid-ocut4tz7> <span class="inline-block footer-letter origin-center shrink-0" data-astro-cid-ocut4tz7> W </span><span class="inline-block footer-letter origin-center shrink-0" data-astro-cid-ocut4tz7> e </span><span class="inline-block footer-letter origin-center shrink-0" data-astro-cid-ocut4tz7> a </span><span class="inline-block footer-letter origin-center shrink-0" data-astro-cid-ocut4tz7> r </span><span class="inline-block w-[0.2em] sm:w-[0.3em] shrink-0" aria-hidden="true" data-astro-cid-ocut4tz7></span><span class="inline-block footer-letter origin-center shrink-0" data-astro-cid-ocut4tz7> Y </span><span class="inline-block footer-letter origin-center shrink-0" data-astro-cid-ocut4tz7> o </span><span class="inline-block footer-letter origin-center shrink-0" data-astro-cid-ocut4tz7> u </span><span class="inline-block footer-letter origin-center shrink-0" data-astro-cid-ocut4tz7> r </span><span class="inline-block w-[0.2em] sm:w-[0.3em] shrink-0" aria-hidden="true" data-astro-cid-ocut4tz7></span><span class="inline-block footer-letter origin-center shrink-0 footer-letter-highlight" data-astro-cid-ocut4tz7> F </span><span class="inline-block footer-letter origin-center shrink-0 footer-letter-highlight" data-astro-cid-ocut4tz7> i </span><span class="inline-block footer-letter origin-center shrink-0 footer-letter-highlight" data-astro-cid-ocut4tz7> r </span><span class="inline-block footer-letter origin-center shrink-0 footer-letter-highlight" data-astro-cid-ocut4tz7> e </span><span class="inline-block footer-letter origin-center shrink-0" data-astro-cid-ocut4tz7> ! </span> </div> <!-- Middle Section: Brand description + Navigation Links --> <div class="grid grid-cols-1 md:grid-cols-3 gap-12 pt-8 border-t border-white/5"> <div class="space-y-4"> <p class="text-h3 font-bold text-neutral-white">FashKnit</p> <p class="text-small text-neutral-grey leading-relaxed max-w-sm">
India's premier AI-powered occasion wear platform. We connect you directly with
          independent designers for custom-stitched perfection.
</p> </div> <div class="grid grid-cols-2 gap-8 md:col-span-2 md:justify-items-end"> <div class="space-y-4"> <p class="text-xs font-bold text-neutral-white uppercase tracking-widest">Platform</p> <ul class="space-y-2.5 list-none p-0 m-0"> <li> <a href="/#about" class="text-small text-neutral-grey hover:text-[#f77737] no-underline transition-colors">About Us</a> </li> <li> <a href="/trends" class="text-small text-neutral-grey hover:text-[#f77737] no-underline transition-colors">Explore Trends</a> </li> <li> <a href="/blog" class="text-small text-neutral-grey hover:text-[#f77737] no-underline transition-colors">FashKnit Journal</a> </li> <li> <a href="/fashion-designer-boutique" class="text-small text-neutral-grey hover:text-[#f77737] no-underline transition-colors">FashKnit for Boutiques</a> </li> </ul> </div> <div class="space-y-4"> <p class="text-xs font-bold text-neutral-white uppercase tracking-widest">Legal</p> <ul class="space-y-2.5 list-none p-0 m-0"> <li> <a href="/privacy-policy" class="text-small text-neutral-grey hover:text-[#f77737] no-underline transition-colors">Privacy Policy</a> </li> <li> <a href="/terms-and-conditions" class="text-small text-neutral-grey hover:text-[#f77737] no-underline transition-colors">Terms of Service</a> </li> </ul> </div> </div> </div> <!-- Bottom Section: Copyright --> <div class="flex flex-col sm:flex-row justify-between items-center gap-6 pt-8 border-t border-white/5 text-xs text-neutral-grey/60"> <p>&copy; 2026 FashKnit. All rights reserved.</p> <p class="flex items-center gap-1.5"> <span>Direct Connection</span> <span class="w-1.5 h-1.5 bg-[#f77737]/80 rounded-full"></span> <span>Custom Stitched</span> </p> </div> </div> <script>
    (function () {
      const footer = document.querySelector('.main-footer');
      if (!footer) return;

      const letters = footer.querySelectorAll('.footer-letter');

      let isVisible = false;
      let ticking = false;

      const observer = new IntersectionObserver(
        (entries) => {
          entries.forEach((entry) => {
            isVisible = entry.isIntersecting;
            if (isVisible) {
              requestUpdate();
            }
          });
        },
        { threshold: 0 }
      );

      observer.observe(footer);

      function updateWave() {
        if (!isVisible) {
          ticking = false;
          return;
        }

        const rect = footer.getBoundingClientRect();
        const viewportHeight = window.innerHeight;

        const totalScrollable = rect.height + viewportHeight;
        const progress = Math.max(0, Math.min(1, (viewportHeight - rect.top) / totalScrollable));

        letters.forEach((letter, index) => {
          const wave = Math.sin(progress * Math.PI * 3.5 + index * 0.45);
          const translateY = wave * 25;
          const rotate = wave * 5;
          const skewY = wave * 2.5;

          letter.style.transform = `translateY(${translateY}px) rotate(${rotate}deg) skewY(${skewY}deg)`;
        });

        ticking = false;
      }

      function requestUpdate() {
        if (!ticking) {
          window.requestAnimationFrame(updateWave);
          ticking = true;
        }
      }

      window.addEventListener('scroll', requestUpdate, { passive: true });
      requestUpdate();
    })();
  </script> </footer> <script>(()=>{var l=(n,t)=>{let i=async()=>{await(await n())()},e=typeof t.value=="object"?t.value:void 0,s={timeout:e==null?void 0:e.timeout};"requestIdleCallback"in window?window.requestIdleCallback(i,s):setTimeout(i,s.timeout||200)};(self.Astro||(self.Astro={})).idle=l;window.dispatchEvent(new Event("astro:idle"));})();</script><astro-island uid="1sfrOv" prefix="r3" component-url="/_astro/AppGateDrawer.Zzo6oPgJ.js" component-export="AppGateDrawer" renderer-url="/_astro/client.CLFElPWB.js" props="{}" ssr client="idle" opts="{&quot;name&quot;:&quot;AppGateDrawer&quot;,&quot;value&quot;:true}"></astro-island> <noscript> <img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=3999854083657533&amp;ev=PageView&amp;noscript=1" alt=""> </noscript> <script>
      (function () {
        function updateAppStoreLinks() {
          const ua = navigator.userAgent || navigator.vendor || window.opera;
          const isIOS = /iPad|iPhone|iPod/.test(ua) && !window.MSStream;

          if (isIOS) {
            const links = document.querySelectorAll('[data-app-store-link]');
            links.forEach(function (link) {
              link.href = 'https://apps.apple.com/in/app/fashknit/id6737972736';
            });
          }
        }

        document.addEventListener('DOMContentLoaded', updateAppStoreLinks);
        document.addEventListener('astro:after-swap', updateAppStoreLinks);
        if (document.readyState === 'complete' || document.readyState === 'interactive') {
          updateAppStoreLinks();
        }
      })();
    </script> </body> </html>