Domain > tringbox.com

More information on this domain is in AlienVault OTX

DNS Resolutions

Date	IP Address
2025-05-17	3.111.175.164 (ClassC)
2026-02-27	18.161.6.57 (ClassC)

HTTP/1.1 200 OKContent-Type: text/htmlContent-Length: 254019Connection: keep-aliveDate: Fri, 27 Feb 2026 03:45:03 GMTLast-Modified: Thu, 26 Feb 2026 19:25:31 GMTETag: 9448624929a1d43f4f10237b8ca945c6Server: AmazonS3X-Cache: Hit from cloudfrontVia: 1.1 626ad4a6bf529166d2aad94a2957694c.cloudfront.net (CloudFront)X-Amz-Cf-Pop: HIO52-P1X-Amz-Cf-Id: ygoJcOfAoVvcKQf-VdvTyxPEIUHQInldHkKE7VunKxwD7Nn0bL-4pgAge: 43839

!DOCTYPE html>!--PHHtnyVd5NIgSJvyaTAyQ-->html langen stylebackground-color:#581c87;color-scheme:dark>head>meta charSetutf-8/>meta nameviewport contentwidthdevice-width, initial-scale1/>link relpreload asimage href/Icon.svg/>link relstylesheet href/_next/static/chunks/66364b615a444511.css data-precedencenext/>link relpreload asscript fetchPrioritylow href/_next/static/chunks/16c50455f1482ec9.js/>script src/_next/static/chunks/e51e135cd92d20ca.js async>/script>script src/_next/static/chunks/96542d0dd6872c3c.js async>/script>script src/_next/static/chunks/e389e09072bd51fe.js async>/script>script src/_next/static/chunks/5a5025548a46274f.js async>/script>script src/_next/static/chunks/turbopack-2b98fe87417d87c8.js async>/script>script src/_next/static/chunks/83e3eb1436f2184b.js async>/script>script src/_next/static/chunks/96d6b215531daf9e.js async>/script>script src/_next/static/chunks/d96012bcfc98706a.js async>/script>script src/_next/static/chunks/963c71eec1d89c3f.js async>/script>script src/_next/static/chunks/e78203db89a09f18.js async>/script>script src/_next/static/chunks/83b2113557ec8ae8.js async>/script>script src/_next/static/chunks/7e32e45e32d7eef6.js async>/script>script src/_next/static/chunks/5697a2b046bc07b4.js async>/script>script src/_next/static/chunks/700cb46a288b8446.js async>/script>script src/_next/static/chunks/4eaf6d8181060820.js async>/script>script src/_next/static/chunks/2fc8b39916ed4b3c.js async>/script>script src/_next/static/chunks/84e2eeeb3b5ae103.js async>/script>title>Tringbox - AI-Powered InStore Music Engine for Retail & Hospitality in India/title>meta namedescription contentTransform your retail store, café, gym, salon, or restaurant with Tringbox AI-powered ambient music. Boost customer engagement by 35%, increase dwell time, and create memorable experiences with intelligent mood-based music./>link relauthor hrefhttps://www.tringbox.com/>meta nameauthor contentTringbox/>meta namekeywords contentAI music,InStore music,ambient music,retail music,background music for business,music engine India,AI-powered music,mood-based music,restaurant music,café music,gym music,salon music,hotel lobby music,retail store ambience,customer experience music,Tringbox,smart music system,venue music automation/>meta namecreator contentTringbox/>meta namepublisher contentTringbox/>meta namerobots contentindex, follow/>meta namegooglebot contentindex, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1/>meta namecategory contenttechnology/>link relcanonical hrefhttps://www.tringbox.com//>meta nameformat-detection contenttelephoneno, addressno, emailno/>meta namegoogle-site-verification contentyour-google-verification-code/>meta propertyog:title contentTringbox - AI-Powered InStore Music Engine for Retail & Hospitality/>meta propertyog:description contentTransform your venue with AI-powered ambient music that adapts to your environment. Boost customer engagement by 35% with intelligent mood-based music for retail stores, cafés, gyms, salons, and restaurants./>meta propertyog:url contenthttps://www.tringbox.com//>meta propertyog:site_name contentTringbox InStore AI Music/>meta propertyog:locale contenten_IN/>meta propertyog:image contenthttps://www.tringbox.com/Icon.svg/>meta propertyog:image:width content512/>meta propertyog:image:height content512/>meta propertyog:image:alt contentTringbox AI-Powered InStore Music Engine - Transform Your Venue Ambience/>meta propertyog:type contentwebsite/>meta nametwitter:card contentsummary_large_image/>meta nametwitter:title contentTringbox - AI-Powered InStore Music Engine/>meta nametwitter:description contentTransform your venue with AI-powered music that adapts to your environment. Boost customer engagement by 35% with personalized ambient music./>meta nametwitter:image contenthttps://www.tringbox.com/Icon.svg/>link relshortcut icon href/Icon.svg/>link relicon href/favicon.ico sizesany/>link relicon href/Icon.svg typeimage/svg+xml/>link relapple-touch-icon href/apple-touch-icon.png sizes180x180 typeimage/png/>link relmask-icon href/safari-pinned-tab.svg color#9333ea/>script typeapplication/ld+json>{@context:https://schema.org,@type:Organization,name:Tringbox,url:https://www.tringbox.com,logo:https://www.tringbox.com/Icon.svg,description:AI-powered InStore music engine for retail, hospitality, and wellness venues in India. Transform your venue ambience with intelligent mood-based music.,sameAs:https://www.instagram.com/tringbox,https://www.linkedin.com/company/tringbox,contactPoint:{@type:ContactPoint,contactType:customer service,availableLanguage:English,Hindi},areaServed:{@type:Country,name:India},serviceType:AI Music Engine,InStore Music,Ambient Music Solutions,Retail Music,Hospitality Music}/script>script typeapplication/ld+json>{@context:https://schema.org,@type:SoftwareApplication,name:Tringbox,applicationCategory:BusinessApplication,operatingSystem:Web, iOS, Android,description:AI-powered InStore music engine that creates perfect ambient music for retail stores, cafés, gyms, salons, restaurants, and hotels.}/script>script src/_next/static/chunks/a6dad97d9634a72d.js noModule>/script>/head>body classmin-h-screen bg-gradient-to-br from-purple-900 via-violet-900 to-purple-800 antialiased overscroll-none selection:bg-purple-300 selection:text-purple-900>div hidden>!--$-->!--/$-->/div>script>              // Suppress PWA install prompt - runs immediately before React              (function() {                // Prevent beforeinstallprompt event                window.addEventListener(beforeinstallprompt, function(e) {                  e.preventDefault();                  e.stopImmediatePropagation();                  e.stopPropagation();                  return false;                }, { capture: true, passive: false, once: false });                                // Also prevent appinstalled event                window.addEventListener(appinstalled, function(e) {                  e.preventDefault();                  e.stopImmediatePropagation();                  e.stopPropagation();                  return false;                }, { capture: true, passive: false });                                // Remove manifest link if it exists                if (document.querySelector(linkrelmanifest)) {                  document.querySelector(linkrelmanifest).remove();                }              })();            /script>style>#nprogress{pointer-events:none}#nprogress .bar{background:#a855f7;position:fixed;z-index:1600;top: 0;left:0;width:100%;height:3px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #a855f7,0 0 5px #a855f7;opacity:1;-webkit-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translate(0px,-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1600;top: 15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:2px solid transparent;border-top-color:#a855f7;border-left-color:#a855f7;border-radius:50%;-webkit-animation:nprogress-spinner 400ms linear infinite;animation:nprogress-spinner 400ms linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}/style>div roleregion aria-labelNotifications (F8) tabindex-1 stylepointer-events:none>ol tabindex-1 classfixed top-0 left-1/2 -translate-x-1/2 z-100 flex max-h-screen w-full flex-col items-center p-4 md:max-w-700px>/ol>/div>div classbg-gradient-to-br from-purple-900 via-violet-900 to-purple-800 >div classmin-h-screen relative bg-transparent flex flex-col overflow-y-auto>!--$!-->template data-dgstBAILOUT_TO_CLIENT_SIDE_RENDERING>/template>!--/$-->div classmin-h-screen flex flex-col>div>header classfixed max-w-screen top-0 left-0 right-0 z-50 py-0 lessthanxl:py-3 px-3 lessthanxl:px-6 border-b border-white/15 lessthanxl:h-10vh sm:h-9vh h-8vh transition-all duration-300 backdrop-blur-2xl bg-gradient-to-b from-black/20 via-black/10 to-transparent   styleopacity:0;transform:translateY(-10px)>div classmax-w-full mx-auto flex items-center justify-between h-full>a classflex items-center gap-2 href/>div classflex items-center gap-2 cursor-pointer tabindex0 styleopacity:0;transform:scale(0.8)>div classw-9 h-9 sm:w-11 sm:h-11 lessthanxl:w-10 lessthanxl:h-10 xl:w-12 xl:h-12 h-tiny:w-35px h-tiny:h-35px flex items-center justify-center>img src/Icon.svg altTringbox - AI-Powered In-Store Music Engine Logo classw-full h-full object-contain/>/div>div>p class sm:text-2xl lessthanxl:text-2xl xl:text-3xl h-tiny:text-sam h-tiny:leading-1.4 h-tiny:-mt-1.5 font-bold text-white>Tringbox/p>p classtext-purple-300 text-xs lessthanxl:text-xs xl:text-sm h-tiny:leading-none h-tiny:text-9px font-medium tracking-wide lessthanxl:pl-1>InStore AI Music/p>/div>/div>/a>nav classhidden lessthanxl:flex items-center gap-6 xl:gap-8>button classrelative text-sm xl:text-base font-medium transition-colors duration-200 text-purple-200 hover:text-white>Why Tringboxdiv classabsolute -bottom-1 left-0 right-0 h-0.5 bg-gradient-to-r from-purple-400 to-violet-400 rounded-full styletransform:scaleX(0);transform-origin:0% 50% 0>/div>/button>button classrelative text-sm xl:text-base font-medium transition-colors duration-200 text-purple-200 hover:text-white>How it Worksdiv classabsolute -bottom-1 left-0 right-0 h-0.5 bg-gradient-to-r from-purple-400 to-violet-400 rounded-full styletransform:scaleX(0);transform-origin:0% 50% 0>/div>/button>button classrelative text-sm xl:text-base font-medium transition-colors duration-200 text-purple-200 hover:text-white>Spacesdiv classabsolute -bottom-1 left-0 right-0 h-0.5 bg-gradient-to-r from-purple-400 to-violet-400 rounded-full styletransform:scaleX(0);transform-origin:0% 50% 0>/div>/button>button classrelative text-sm xl:text-base font-medium transition-colors duration-200 text-purple-200 hover:text-white>Science & Impactdiv classabsolute -bottom-1 left-0 right-0 h-0.5 bg-gradient-to-r from-purple-400 to-violet-400 rounded-full styletransform:scaleX(0);transform-origin:0% 50% 0>/div>/button>a href/blogs/>span classrelative text-sm xl:text-base font-medium text-purple-200 hover:text-white transition-colors duration-200 cursor-pointer>Blogsdiv classabsolute -bottom-1 left-0 right-0 h-0.5 bg-gradient-to-r from-purple-400 to-violet-400 rounded-full styletransform:scaleX(0);transform-origin:0% 50% 0>/div>/span>/a>a classrelative text-sm xl:text-base font-medium text-purple-200 hover:text-white transition-colors duration-200 cursor-pointer>Logindiv classabsolute -bottom-1 left-0 right-0 h-0.5 bg-gradient-to-r from-purple-400 to-violet-400 rounded-full styletransform:scaleX(0);transform-origin:0% 50% 0>/div>/a>/nav>div classflex items-center gap-3 sm:gap-4 lessthanxl:gap-3 xl:gap-4>div classhidden lessthanxl:block relative styleopacity:0;transform:translateX(30px)>div classabsolute inset-0 bg-gradient-to-r from-purple-500/40 via-violet-500/40 to-purple-600/40 rounded-2xl blur-lg styleopacity:0.5;transform:none>/div>button classgroup relative bg-gradient-to-r from-purple-500/50 via-violet-500/50 to-purple-600/50 hover:from-purple-600 hover:via-violet-600 hover:to-purple-700 text-white px-4 md:px-5 lg:px-4 xl:px-5 h-tiny:px-3 py-1.5 md:py-2 lg:py-1.5 xl:py-2 h-tiny:py-1 rounded-2xl h-tiny:rounded-xl font-medium transition-all duration-300 backdrop-blur-sm border border-purple-300/30 shadow-lg overflow-hidden titleJoin 500+ venues already using Tringbox - Get it now! tabindex0>div classabsolute inset-0 bg-gradient-to-r from-transparent via-white/30 to-transparent -skew-x-12>/div>div classrelative z-10 flex items-center gap-1.5 md:gap-2 lg:gap-1.5 xl:gap-2 h-tiny:gap-1>div classw-5 h-5 >✨/div>div classflex flex-col items-start>span classtext-xs md:text-sm lg:text-xs xl:text-sm h-tiny:text-10px font-bold>Get It Now/span>span classtext-10px xl:text-xs h-tiny:text-8px opacity-90 hidden lg:block>Transform Your Space Today!/span>/div>div>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-arrow-right w-3 h-3 md:w-4 md:h-4 h-tiny:w-3 h-tiny:h-3>path dM5 12h14>/path>path dm12 5 7 7-7 7>/path>/svg>/div>/div>/button>/div>button classlessthanxl:hidden flex flex-col justify-center items-center gap-1.5  aria-labelToggle menu styleopacity:0>span classblock w-6 h-0.5 bg-white/50 rounded-full>/span>span classblock w-6 h-0.5 bg-white/50 rounded-full>/span>span classblock w-6 h-0.5 bg-white/50 rounded-full>/span>/button>/div>/div>/header>div classlessthanxl:h-10vh h-8vh sm:h-9vh>/div>/div>div idHero form classflex-1 flex flex-col px-3 md:px-6 xl:px-0 styleopacity:0;transform:translateY(20px)>div classflex-1 flex flex-col items-center justify-center  >div classborder text-card-foreground bg-white/10 backdrop-blur-xl border-purple-300/30 p-2 md:p-3 lg:py-2 lg:px-4 xl:p-4 rounded-3xl lg:rounded-2xl xl:rounded-3xl shadow-2xl w-full max-w-80% flex flex-col h-fit min-h-55vh>div classtext-center  h-8vh lg:h-7vh xl:h-8vh pb-1 md:h-mac-pro:pb-0 md:h-mac-pro:mt-2 >div classhidden md:flex items-center justify-center gap-3 lg:gap-2 xl:gap-3 mb-2 h-mac-pro:pt-2 lg:mb-2 xl:mb-4 h-long:py-6 relative styleopacity:0;transform:translateY(-20px)>div idweather-autofill classabsolute left-0 flex items-center gap-2 styleopacity:0;transform:scale(0.8)>button classbg-gradient-to-r from-purple-600/20 to-violet-600/20 hover:from-purple-600/30 hover:to-violet-600/30 disabled:opacity-50 text-white px-3 lg:px-2.5 xl:px-4 py-1.5 lg:py-1 xl:py-2 rounded-xl lg:rounded-lg xl:rounded-xl font-medium transition-all duration-300 backdrop-blur-sm border border-purple-300/30 shadow-lg flex items-center gap-2 lg:gap-1.5 xl:gap-2 titleAuto-fill weather data from your location tabindex0>div>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-navigation w-3.5 h-3.5 lg:w-3 lg:h-3 xl:w-4 xl:h-4>polygon points3 11 22 2 13 21 11 13 3 11>/polygon>/svg>/div>span classtext-xs lg:text-10px xl:text-sm font-semibold>Get Live Weather/span>/button>/div>h2 classtext-lg lg:text-base xl:text-xl font-bold text-white>Try it Yourself/h2>div classabsolute right-0 styleopacity:0;transform:scale(0.8)>button classbg-gradient-to-r from-purple-600/20 to-violet-600/20 hover:from-purple-600/30 hover:to-violet-600/30 text-white px-3 lg:px-2.5 xl:px-4 py-1.5 lg:py-1 xl:py-2 rounded-xl lg:rounded-lg xl:rounded-xl font-medium transition-all duration-300 backdrop-blur-sm border border-purple-300/30 shadow-lg flex items-center gap-2 lg:gap-1.5 xl:gap-2 tabindex0>div>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-sparkles w-3.5 h-3.5 lg:w-3 lg:h-3 xl:w-4 xl:h-4>path dM9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z>/path>path dM20 3v4>/path>path dM22 5h-4>/path>path dM4 17v2>/path>path dM5 18H3>/path>/svg>/div>span classtext-xs lg:text-10px xl:text-sm font-semibold>Fill for Me/span>div>✨/div>/button>/div>/div>/div>div classgrid mb-3 grid-cols-1 h-very-long:grid-cols-1 md:grid-cols-2 gap-4 md:gap-6 lg:gap-4 xl:gap-6 h-short:gap-x-4 h-mac:gap-4 h-mac-pro:gap-6 flex-1 content-between md:h-mac-pro:pb-3 md:h-mac-pro:mt-3  h-55vh lg:h-50vh xl:h-55vh>div classflex flex-col justify-between gap-2 md:gap-4 lg:gap-2 xl:gap-4 h-full>label classtext-white font-semibold flex items-start md:items-center gap-2 lg:gap-1.5 xl:gap-2 text-xs md:text-sm lg:text-xs xl:text-sm>div classw-4 h-4 md:w-5 md:h-5 lg:w-4 lg:h-4 xl:w-6 xl:h-6 bg-gradient-to-r from-blue-400/30 to-red-400/30 rounded-lg lg:rounded-md xl:rounded-lg flex items-center justify-center border border-blue-300/40 shadow-lg flex-shrink-0 mt-0.5>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-thermometer w-2.5 h-2.5 md:w-3 md:h-3 lg:w-2.5 lg:h-2.5 xl:w-4 xl:h-4 text-white>path dM14 4v10.54a4 4 0 1 1-4 0V4a2 2 0 0 1 4 0Z>/path>/svg>/div>div classflex-1 min-w-0>div classflex items-center gap-2 flex-wrap>span classwhitespace-nowrap>Temperature: !-- -->0!-- -->°C/span>span classtext-purple-200 text-10px md:text-xs bg-white/10 px-1.5 md:px-2 py-0.5 rounded-full backdrop-blur-sm border border-purple-300/20 whitespace-nowrap styleopacity:0;transform:scale(0.8)>Cool brings calm, warmth brings energy/span>/div>/div>/label>div classrelative >span dirltr data-orientationhorizontal aria-disabledfalse classrelative flex touch-none select-none items-center w-full cursor-pointer style--radix-slider-thumb-transform:translateX(-50%)>span data-orientationhorizontal classrelative h-2 w-full grow overflow-hidden rounded-full bg-secondary>span data-orientationhorizontal classabsolute h-full bg-primary styleleft:0%;right:100%>/span>/span>span styletransform:var(--radix-slider-thumb-transform);position:absolute;left:calc(0% + 0px)>span roleslider aria-valuemin0 aria-valuemax40 aria-orientationhorizontal data-orientationhorizontal tabindex0 classblock h-5 w-5 rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 styledisplay:none data-radix-collection-item>/span>input styledisplay:none/>/span>/span>/div>/div>div classflex flex-col justify-between gap-2 md:gap-4 lg:gap-2 xl:gap-4 h-full>label classtext-white font-semibold flex items-start md:items-center gap-2 lg:gap-1.5 xl:gap-2 text-xs md:text-sm lg:text-xs xl:text-sm>div classw-4 h-4 md:w-5 md:h-5 lg:w-4 lg:h-4 xl:w-6 xl:h-6 bg-gradient-to-r from-cyan-400/30 to-blue-400/30 rounded-lg lg:rounded-md xl:rounded-lg flex items-center justify-center border border-cyan-300/40 shadow-lg flex-shrink-0 mt-0.5>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-droplets w-2.5 h-2.5 md:w-3 md:h-3 lg:w-2.5 lg:h-2.5 xl:w-4 xl:h-4 text-white>path dM7 16.3c2.2 0 4-1.83 4-4.05 0-1.16-.57-2.26-1.71-3.19S7.29 6.75 7 5.3c-.29 1.45-1.14 2.84-2.29 3.76S3 11.1 3 12.25c0 2.22 1.8 4.05 4 4.05z>/path>path dM12.56 6.6A10.97 10.97 0 0 0 14 3.02c.5 2.5 2 4.9 4 6.5s3 3.5 3 5.5a6.98 6.98 0 0 1-11.91 4.97>/path>/svg>/div>div classflex-1 min-w-0>div classflex items-center gap-2 flex-wrap>span classwhitespace-nowrap>Humidity: !-- -->0!-- -->%/span>span classtext-purple-200 text-10px md:text-xs bg-white/10 px-1.5 md:px-2 py-0.5 rounded-full backdrop-blur-sm border border-purple-300/20 whitespace-nowrap styleopacity:0;transform:scale(0.8)>Low feels sharp, high feels mellow/span>/div>/div>/label>div classrelative >span dirltr data-orientationhorizontal aria-disabledfalse classrelative flex touch-none select-none items-center w-full cursor-pointer style--radix-slider-thumb-transform:translateX(-50%)>span data-orientationhorizontal classrelative h-2 w-full grow overflow-hidden rounded-full bg-secondary>span data-orientationhorizontal classabsolute h-full bg-primary styleleft:0%;right:100%>/span>/span>span styletransform:var(--radix-slider-thumb-transform);position:absolute;left:calc(0% + 0px)>span roleslider aria-valuemin0 aria-valuemax100 aria-orientationhorizontal data-orientationhorizontal tabindex0 classblock h-5 w-5 rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 styledisplay:none data-radix-collection-item>/span>input styledisplay:none/>/span>/span>/div>/div>div classflex flex-col justify-between gap-2 md:gap-4 lg:gap-2 xl:gap-4 h-full>label classtext-white font-semibold text-xs md:text-sm lg:text-xs xl:text-sm flex items-center gap-2 lg:gap-1.5 xl:gap-2>div classw-4 h-4 md:w-5 md:h-5 lg:w-4 lg:h-4 xl:w-6 xl:h-6 bg-gradient-to-r from-purple-400/30 to-violet-400/30 rounded-lg lg:rounded-md xl:rounded-lg flex items-center justify-center border border-purple-300/40 shadow-lg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-building2 w-2.5 h-2.5 md:w-3 md:h-3 lg:w-2.5 lg:h-2.5 xl:w-4 xl:h-4 text-white>path dM6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z>/path>path dM6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2>/path>path dM18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2>/path>path dM10 6h4>/path>path dM10 10h4>/path>path dM10 14h4>/path>path dM10 18h4>/path>/svg>/div>Venue Type/label>button typebutton classw-full bg-white/10 border border-purple-300/30 text-white h-8 md:h-9 lg:h-8 xl:h-10 rounded-xl lg:rounded-lg xl:rounded-xl text-xs md:text-sm lg:text-xs xl:text-sm px-3 lg:px-2 xl:px-3 text-left flex items-center justify-between aria-haspopupdialog aria-expandedfalse aria-controlsradix-_R_2emiavlb_ data-stateclosed>span classtruncate>e.g. Café, Hotel Lobby, Gym.../span>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-chevron-down w-4 h-4 ml-2 shrink-0 text-white/70>path dm6 9 6 6 6-6>/path>/svg>/button>/div>div classflex flex-col justify-between gap-2 md:gap-4 lg:gap-2 xl:gap-4 h-full>label classtext-white font-semibold text-xs md:text-sm lg:text-xs xl:text-sm flex items-center gap-2 lg:gap-1.5 xl:gap-2>div classw-4 h-4 md:w-5 md:h-5 lg:w-4 lg:h-4 xl:w-6 xl:h-6 bg-gradient-to-r from-green-400/30 to-emerald-400/30 rounded-lg lg:rounded-md xl:rounded-lg flex items-center justify-center border border-green-300/40 shadow-lg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-cloud w-2.5 h-2.5 md:w-3 md:h-3 lg:w-2.5 lg:h-2.5 xl:w-4 xl:h-4 text-white>path dM17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z>/path>/svg>/div>Weather/label>button typebutton classw-full bg-white/10 border-purple-300/30 text-white h-8 md:h-9 lg:h-8 xl:h-10 rounded-xl lg:rounded-lg xl:rounded-xl text-xs md:text-sm lg:text-xs xl:text-sm px-3 lg:px-2 xl:px-3 text-left flex items-center justify-between border border-purple-300/40 aria-haspopupdialog aria-expandedfalse aria-controlsradix-_R_2imiavlb_ data-stateclosed>span classtruncate>e.g. Rainy, Sunny, Cloudy.../span>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-chevron-down w-4 h-4 ml-2 shrink-0 text-white/70>path dm6 9 6 6 6-6>/path>/svg>/button>/div>div classflex flex-col justify-between gap-2 md:gap-4 lg:gap-2 xl:gap-4 h-full>label classtext-white font-semibold text-xs md:text-sm lg:text-xs xl:text-sm flex items-center gap-2 lg:gap-1.5 xl:gap-2>div classw-4 h-4 md:w-5 md:h-5 lg:w-4 lg:h-4 xl:w-6 xl:h-6 bg-gradient-to-r from-orange-400/30 to-yellow-400/30 rounded-lg lg:rounded-md xl:rounded-lg flex items-center justify-center border border-orange-300/40 shadow-lg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-clock w-2.5 h-2.5 md:w-3 md:h-3 lg:w-2.5 lg:h-2.5 xl:w-4 xl:h-4 text-white>circle cx12 cy12 r10>/circle>polyline points12 6 12 12 16 14>/polyline>/svg>/div>Time of Day/label>button typebutton rolecombobox aria-controlsradix-_R_2mmiavlb_ aria-expandedfalse aria-autocompletenone dirltr data-stateclosed data-placeholder classflex w-full items-center justify-between border px-3 py-2 ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 &>span:line-clamp-1 bg-white/10 border-purple-300/30 text-white h-8 md:h-9 lg:h-8 xl:h-10 rounded-xl lg:rounded-lg xl:rounded-xl text-xs md:text-sm lg:text-xs xl:text-sm cursor-pointer>span stylepointer-events:none>e.g. Morning, Evening.../span>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-chevron-down h-4 w-4 opacity-50 aria-hiddentrue>path dm6 9 6 6 6-6>/path>/svg>/button>select aria-hiddentrue tabindex-1 styleposition:absolute;border:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;word-wrap:normal>/select>/div>div classflex flex-col justify-between gap-2 md:gap-4 lg:gap-2 xl:gap-4 h-full>label classtext-white font-semibold text-xs md:text-sm lg:text-xs xl:text-sm flex items-center gap-2 lg:gap-1.5 xl:gap-2>div classw-4 h-4 md:w-5 md:h-5 lg:w-4 lg:h-4 xl:w-6 xl:h-6 bg-gradient-to-r from-violet-400/30 to-purple-400/30 rounded-lg lg:rounded-md xl:rounded-lg flex items-center justify-center border border-violet-300/40 shadow-lg>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-calendar w-2.5 h-2.5 md:w-3 md:h-3 lg:w-2.5 lg:h-2.5 xl:w-4 xl:h-4 text-white>path dM8 2v4>/path>path dM16 2v4>/path>rect width18 height18 x3 y4 rx2>/rect>path dM3 10h18>/path>/svg>/div>Day of Week/label>button typebutton rolecombobox aria-controlsradix-_R_2qmiavlb_ aria-expandedfalse aria-autocompletenone dirltr data-stateclosed data-placeholder classflex w-full items-center justify-between border px-3 py-2 ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 &>span:line-clamp-1 bg-white/10 border-purple-300/30 text-white h-8 md:h-9 lg:h-8 xl:h-10 rounded-xl lg:rounded-lg xl:rounded-xl text-xs md:text-sm lg:text-xs xl:text-sm cursor-pointer>span stylepointer-events:none>e.g. Friday, Weekend.../span>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-chevron-down h-4 w-4 opacity-50 aria-hiddentrue>path dm6 9 6 6 6-6>/path>/svg>/button>select aria-hiddentrue tabindex-1 styleposition:absolute;border:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;word-wrap:normal>/select>/div>/div>div classflex justify-center flex-col py-6 lg:py-3 xl:py-6 md:h-mac-pro:py-4  items-center text-center flex-1 max-h-9vh lg:max-h-8vh xl:max-h-9vh h-5vh lg:h-4vh xl:h-5vh  tabindex0>div classabsolute -top-12 md:-top-16 left-1/2 transform -translate-x-1/2 bg-black/90 backdrop-blur-sm text-white px-3 md:px-4 py-1.5 md:py-2 rounded-xl text-xs md:text-sm font-medium border border-purple-300/30 shadow-xl z-50 opacity-0 hover:opacity-100 transition-opacity duration-300 pointer-events-none whitespace-nowrap styleopacity:0>div classtext-center>p classmb-1>Complete all fields above to generate your music/p>p classtext-purple-300 text-xs>Missing: !-- -->Temperature, Humidity, Venue Type, Weather, Time of Day, Day of Week/p>/div>div classabsolute top-full left-1/2 transform -translate-x-1/2 w-0 h-0 border-l-4 border-r-4 border-t-4 border-transparent border-t-black/90>/div>/div>div classrelative group>div classtooltip-hover absolute -top-12 md:-top-16 left-1/2 transform -translate-x-1/2 bg-black/90 backdrop-blur-sm text-white px-3 md:px-4 py-1.5 md:py-2 rounded-xl text-xs md:text-sm font-medium border border-purple-300/30 shadow-xl z-50 opacity-0 transition-opacity duration-300 pointer-events-none whitespace-nowrap>div classtext-center>p classmb-1>Complete all fields above to generate your music/p>p classtext-purple-300 text-xs>Missing: !-- -->Temperature, Humidity, Venue Type, Weather, Time of Day, Day of Week/p>/div>div classabsolute top-full left-1/2 transform -translate-x-1/2 w-0 h-0 border-l-4 border-r-4 border-t-4 border-transparent border-t-black/90>/div>/div>button classinline-flex items-center justify-center gap-2 whitespace-nowrap ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none &_svg:pointer-events-none &_svg:size-4 &_svg:shrink-0 bg-primary hover:bg-primary/90 h-10 px-4 xl:px-6 py-2.5 md:py-3 lg:py-2 xl:py-4 text-xs md:text-sm lg:text-xs xl:text-base rounded-2xl lg:rounded-xl xl:rounded-2xl shadow-2xl disabled:opacity-50 transition-all duration-500 font-semibold relative overflow-hidden group bg-gradient-to-r from-gray-600 to-gray-700 text-gray-300 cursor-not-allowed disabled titleComplete all fields to generate music. Missing: Temperature, Humidity, Venue Type, Weather, Time of Day, Day of Week>div classrelative z-10 flex items-center justify-center>div>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-brain w-3 h-3 md:w-4 md:h-4 lg:w-3 lg:h-3 xl:w-5 xl:h-5 mr-1.5 md:mr-2 lg:mr-1.5 xl:mr-3>path dM12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z>/path>path dM12 5a3 3 0 1 1 5.997.125 4 4 0 0 1 2.526 5.77 4 4 0 0 1-.556 6.588A4 4 0 1 1 12 18Z>/path>path dM15 13a4.5 4.5 0 0 1-3-4 4.5 4.5 0 0 1-3 4>/path>path dM17.599 6.5a3 3 0 0 0 .399-1.375>/path>path dM6.003 5.125A3 3 0 0 0 6.401 6.5>/path>path dM3.477 10.896a4 4 0 0 1 .585-.396>/path>path dM19.938 10.5a4 4 0 0 1 .585.396>/path>path dM6 18a4 4 0 0 1-1.967-.516>/path>path dM19.967 17.484A4 4 0 0 1 18 18>/path>/svg>/div>span classrelative>Generate Perfect Music/span>div classml-1.5 md:ml-2 lg:ml-1.5 xl:ml-3>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-arrow-right w-3 h-3 md:w-4 md:h-4 lg:w-3 lg:h-3 xl:w-5 xl:h-5>path dM5 12h14>/path>path dm12 5 7 7-7 7>/path>/svg>/div>/div>/button>div classabsolute left-1/2 -translate-x-1/2 -mt-1 2xl:mt-0>/div>/div>/div>/div>/div>/div>div classflex-shrink-0 px-3 md:px-6  w-full  items-center justify-center flex h-fit  h-tiny:mb-3 styleopacity:0;transform:translateY(10px)>div classmx-auto w-full  >div classbg-white/10 backdrop-blur-xl border border-purple-300/30 rounded-xl px-3 md:px-4 lg:px-3 xl:px-5 py-2 md:py-2 lg:py-1.5 xl:py-2 h-mac-pro:py-6 shadow-2xl lg:pb-3 xl:pb-1.5>div classflex items-center justify-between mb-1 md:mb-0 lg:mb-0.5 xl:mb-0 h-mac-pro:mb-2>div classflex items-center gap-2 md:gap-2.5 lg:gap-1.5 xl:gap-2.5>div classw-5 h-5 md:w-6 md:h-6 lg:w-5 lg:h-5 xl:w-7 xl:h-7 bg-gradient-to-r from-purple-500/20 to-violet-500/20 rounded-full flex items-center justify-center border border-purple-300/30>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-sparkles w-2.5 h-2.5 md:w-3 md:h-3 lg:w-2.5 lg:h-2.5 xl:w-3.5 xl:h-3.5 text-purple-300>path dM9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z>/path>path dM20 3v4>/path>path dM22 5h-4>/path>path dM4 17v2>/path>path dM5 18H3>/path>/svg>/div>div>span classtext-white font-semibold text-xs md:text-sm lg:text-xs xl:text-sm>Setup Progress/span>p classtext-purple-200 text-10px md:text-xs lg:text-10px xl:text-xs>span classhidden xl:inline>Configure your perfect environment/span>/p>/div>/div>div classtext-right stylecolor:#A855F7;transform:scale(1.2)>div classtext-xs md:text-sm lg:text-xs xl:text-base font-bold>0!-- -->%/div>div classtext-10px md:text-xs lg:text-9px xl:text-xs text-purple-200>Complete/div>/div>/div>div classrelative  py-0 lg:py-0 xl:py-4 xl:h-very-short:hidden>div classrelative w-full>div classabsolute top-1/2 left-0 right-0 -translate-y-1/2 h-2 md:h-2.5 lg:h-1.5 xl:h-2.5 px-2 lg:px-1 xl:px-2>div classw-full bg-white/10 rounded-full h-full  border border-purple-300/20 shadow-inner>div classh-full rounded-full transition-all duration-700 bg-gradient-to-r from-purple-500 via-violet-500 to-purple-500 stylewidth:0%>/div>/div>/div>div classrelative flex justify-between items-center>div classrelative z-10 bg-purple-900/80 backdrop-blur-xl rounded-xl lg:rounded-lg xl:rounded-xl styleopacity:0.5;transform:scale(0.8)>div classw-6 h-6 md:w-7 md:h-7 lg:w-5 lg:h-5 xl:w-8 xl:h-8 rounded-xl lg:rounded-lg xl:rounded-xl bg-purple-700/90 backdrop-blur-xl flex items-center justify-center                bg-white/10 border-2 lg:border border-white/30>span classtext-white>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-thermometer w-2.5 h-2.5 md:w-3 md:h-3 lg:w-2 lg:h-2 xl:w-3 xl:h-3>path dM14 4v10.54a4 4 0 1 1-4 0V4a2 2 0 0 1 4 0Z>/path>/svg>/span>/div>/div>div classrelative z-10 bg-purple-900/80 backdrop-blur-xl rounded-xl lg:rounded-lg xl:rounded-xl styleopacity:0.5;transform:scale(0.8)>div classw-6 h-6 md:w-7 md:h-7 lg:w-5 lg:h-5 xl:w-8 xl:h-8 rounded-xl lg:rounded-lg xl:rounded-xl bg-purple-700/90 backdrop-blur-xl flex items-center justify-center                bg-white/10 border-2 lg:border border-white/30>span classtext-white>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-droplets w-2.5 h-2.5 md:w-3 md:h-3 lg:w-2 lg:h-2 xl:w-3 xl:h-3>path dM7 16.3c2.2 0 4-1.83 4-4.05 0-1.16-.57-2.26-1.71-3.19S7.29 6.75 7 5.3c-.29 1.45-1.14 2.84-2.29 3.76S3 11.1 3 12.25c0 2.22 1.8 4.05 4 4.05z>/path>path dM12.56 6.6A10.97 10.97 0 0 0 14 3.02c.5 2.5 2 4.9 4 6.5s3 3.5 3 5.5a6.98 6.98 0 0 1-11.91 4.97>/path>/svg>/span>/div>/div>div classrelative z-10 bg-purple-900/80 backdrop-blur-xl rounded-xl lg:rounded-lg xl:rounded-xl styleopacity:0.5;transform:scale(0.8)>div classw-6 h-6 md:w-7 md:h-7 lg:w-5 lg:h-5 xl:w-8 xl:h-8 rounded-xl lg:rounded-lg xl:rounded-xl bg-purple-700/90 backdrop-blur-xl flex items-center justify-center                bg-white/10 border-2 lg:border border-white/30>span classtext-white>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-building2 w-2.5 h-2.5 md:w-3 md:h-3 lg:w-2 lg:h-2 xl:w-3 xl:h-3>path dM6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z>/path>path dM6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2>/path>path dM18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2>/path>path dM10 6h4>/path>path dM10 10h4>/path>path dM10 14h4>/path>path dM10 18h4>/path>/svg>/span>/div>/div>div classrelative z-10 bg-purple-900/80 backdrop-blur-xl rounded-xl lg:rounded-lg xl:rounded-xl styleopacity:0.5;transform:scale(0.8)>div classw-6 h-6 md:w-7 md:h-7 lg:w-5 lg:h-5 xl:w-8 xl:h-8 rounded-xl lg:rounded-lg xl:rounded-xl bg-purple-700/90 backdrop-blur-xl flex items-center justify-center                bg-white/10 border-2 lg:border border-white/30>span classtext-white>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-cloud w-2.5 h-2.5 md:w-3 md:h-3 lg:w-2 lg:h-2 xl:w-3 xl:h-3>path dM17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z>/path>/svg>/span>/div>/div>div classrelative z-10 bg-purple-900/80 backdrop-blur-xl rounded-xl lg:rounded-lg xl:rounded-xl styleopacity:0.5;transform:scale(0.8)>div classw-6 h-6 md:w-7 md:h-7 lg:w-5 lg:h-5 xl:w-8 xl:h-8 rounded-xl lg:rounded-lg xl:rounded-xl bg-purple-700/90 backdrop-blur-xl flex items-center justify-center                bg-white/10 border-2 lg:border border-white/30>span classtext-white>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-clock w-2.5 h-2.5 md:w-3 md:h-3 lg:w-2 lg:h-2 xl:w-3 xl:h-3>circle cx12 cy12 r10>/circle>polyline points12 6 12 12 16 14>/polyline>/svg>/span>/div>/div>div classrelative z-10 bg-purple-900/80 backdrop-blur-xl rounded-xl lg:rounded-lg xl:rounded-xl styleopacity:0.5;transform:scale(0.8)>div classw-6 h-6 md:w-7 md:h-7 lg:w-5 lg:h-5 xl:w-8 xl:h-8 rounded-xl lg:rounded-lg xl:rounded-xl bg-purple-700/90 backdrop-blur-xl flex items-center justify-center                bg-white/10 border-2 lg:border border-white/30>span classtext-white>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-calendar w-2.5 h-2.5 md:w-3 md:h-3 lg:w-2 lg:h-2 xl:w-3 xl:h-3>path dM8 2v4>/path>path dM16 2v4>/path>rect width18 height18 x3 y4 rx2>/rect>path dM3 10h18>/path>/svg>/span>/div>/div>/div>/div>/div>/div>/div>/div>div classpy-2 lg:py-1 xl:py-2 h-short:py-0 w-full h-tiny:hidden>div classml-6 lg:ml-4 xl:ml-6 px-4 md:px-6 lg:px-6 xl:px-10>div classrelative flex justify-center items-center gap-12 lg:gap-8 xl:gap-12 opacity-100>div classrelative lg:scale-90 xl:scale-100>div classjsx-1068eeef76dd700 relative w-30px h-50px lg:w-24px lg:h-40px xl:w-30px xl:h-50px cursor-pointer z-50 transition-opacity duration-300 opacity-100>div classjsx-1068eeef76dd700 absolute w-30px h-20px left-1/2 -translate-x-1/2 opacity-0 animate-glass-wave-1 h-short:hidden>div classjsx-1068eeef76dd700 absolute left-0 top-1/2 w-55% h-2px bg-gradient-to-r from-white/40 via-white to-white/40 rounded-2px origin-left rotate-40deg shadow-0_0_10px_rgba(255,255,255,0.6),0_2px_5px_rgba(255,255,255,0.3),inset_0_1px_1px_rgba(255,255,255,0.6) backdrop-blur-3px>/div>div classjsx-1068eeef76dd700 absolute right-0 top-1/2 w-55% h-2px bg-gradient-to-r from-white/40 via-white to-white/40 rounded-2px origin-right -rotate-40deg shadow-0_0_10px_rgba(255,255,255,0.6),0_2px_5px_rgba(255,255,255,0.3),inset_0_1px_1px_rgba(255,255,255,0.6) backdrop-blur-3px>/div>/div>div classjsx-1068eeef76dd700 absolute w-30px h-20px left-1/2 -translate-x-1/2 opacity-0 animate-glass-wave-2>div classjsx-1068eeef76dd700 absolute left-0 top-1/2 w-55% h-2px bg-gradient-to-r from-white/40 via-white to-white/40 rounded-2px origin-left rotate-40deg shadow-0_0_10px_rgba(255,255,255,0.6),0_2px_5px_rgba(255,255,255,0.3),inset_0_1px_1px_rgba(255,255,255,0.6) backdrop-blur-3px>/div>div classjsx-1068eeef76dd700 absolute right-0 top-1/2 w-55% h-2px bg-gradient-to-r from-white/40 via-white to-white/40 rounded-2px origin-right -rotate-40deg shadow-0_0_10px_rgba(255,255,255,0.6),0_2px_5px_rgba(255,255,255,0.3),inset_0_1px_1px_rgba(255,255,255,0.6) backdrop-blur-3px>/div>/div>div classjsx-1068eeef76dd700 absolute w-30px h-20px left-1/2 -translate-x-1/2 opacity-0 animate-glass-wave-3>div classjsx-1068eeef76dd700 absolute left-0 top-1/2 w-55% h-2px bg-gradient-to-r from-white/40 via-white to-white/40 rounded-2px origin-left rotate-40deg shadow-0_0_10px_rgba(255,255,255,0.6),0_2px_5px_rgba(255,255,255,0.3),inset_0_1px_1px_rgba(255,255,255,0.6) backdrop-blur-3px>/div>div classjsx-1068eeef76dd700 absolute right-0 top-1/2 w-55% h-2px bg-gradient-to-r from-white/40 via-white to-white/40 rounded-2px origin-right -rotate-40deg shadow-0_0_10px_rgba(255,255,255,0.6),0_2px_5px_rgba(255,255,255,0.3),inset_0_1px_1px_rgba(255,255,255,0.6) backdrop-blur-3px>/div>/div>/div>/div>div classabsolute ml-8 flex justify-between gap-12>span class  text-sm lg:text-xs xl:text-sm font-medium text-white/40 tracking-wider px-3 lg:px-2 xl:px-3 py-1.5 lg:py-1 xl:py-1.5 rounded-full hover:text-white/70 transition-all duration-300>Scroll down/span>span class ml-10 text-sm lg:text-xs xl:text-sm font-medium text-white/40 tracking-wider px-3 lg:px-2 xl:px-3 py-1.5 lg:py-1 xl:py-1.5 rounded-full hover:text-white/70 transition-all duration-300>To Explore more/span>/div>/div>/div>/div>/div>div class mt-10 mb-7 lessthanxl:mb-0 max-w-full mx-auto flex flex-col gap-10 lessthanxl:gap-0> div idrecognitions classpx-4 sm:px-6 md:px-8 false>div classblock lessthanxl:hidden>section classrelative  >div classtext-center >h2 classtext-20px ios:text-mh sm:text-2xl md:text-3xl lg:text-4xl xl:text-5xl font-bold text-white text-center mb-header>Trusted by!-- --> span classbg-gradient-to-r from-purple-400 to-pink-400 bg-clip-text text-transparent>Industry Leaders/span>/h2>p classtext-11px ios:text-texh sm:text-subh md:text-mh lg:text-xl text-purple-200/90 leading-relaxed mx-auto mb-lower>Recognized by leading innovative platforms/p>/div>div classgrid grid-cols-2 sm:grid-cols-4 gap-4  sm:portrait:gap-5 sm:landscape:gap-6 md:gap-8 max-w-full  mx-auto>div classrelative mb-2 sm:mb-3 styleopacity:0;transform:translateY(20px)>div classrelative rounded-xl p-2px  stylebackground:linear-gradient(145deg,             #D4AF37 0%,             #F5E6A3 15%,            #D4AF37 30%,            #AA8C2C 50%,            #D4AF37 70%,            #F5E6A3 85%,            #D4AF37 100%);box-shadow:0 15px 30px -8px rgba(0,0,0,0.4)>div classrounded-lg p-1px stylebackground:linear-gradient(145deg, #1a1a2e 0%, #2d2d44 50%, #1a1a2e 100%)>div classrounded-md p-2px stylebackground:linear-gradient(145deg, #C5A028 0%, #E8D48B 30%, #C5A028 60%, #8B7023 100%)>div classrelative rounded overflow-hidden bg-white>div classrelative flex items-center justify-center h-24 smalltab:h-32 midtab:h-40 sm:h-28 md:h-32 bg-white>div classabsolute top-1.5 left-1.5 w-2 h-2 border-t border-l border-amber-400/40 z-10>/div>div classabsolute top-1.5 right-1.5 w-2 h-2 border-t border-r border-amber-400/40 z-10>/div>div classabsolute bottom-1.5 left-1.5 w-2 h-2 border-b border-l border-amber-400/40 z-10>/div>div classabsolute bottom-1.5 right-1.5 w-2 h-2 border-b border-r border-amber-400/40 z-10>/div>img altTringbox recognized by NVIDIA Inception loadinglazy decodingasync data-nimgfill classobject-contain p-3.5 mix-blend-multiply styleposition:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent src/nvidia.png/>/div>div classmx-3 h-1.5px bg-gradient-to-r from-transparent via-amber-400/50 to-transparent>/div>div classrelative w-full py-2.5  stylebackground:linear-gradient(180deg, #FAFAFA 0%, #F0F0F0 100%)>h3 classtext-10px ios:text-xs font-bold text-center mb-0.5 truncate  px-2 stylecolor:#2D2D44;text-shadow:0 1px 0 rgba(255,255,255,0.8)>NVIDIA Inception/h3>p classtext-8px sm:portrait:text-8px sm:landscape:text-9px md:text-10px text-center leading-tight truncate stylecolor:#5A5A6E>AI Innovation Program/p>/div>/div>/div>/div>/div>div classabsolute -bottom-2 left-1 right-0 h-1.5 rounded-b stylebackground:linear-gradient(90deg,             #6B5A1E 0%,             #8B7023 50%,            #5C4A17 100%);transform:translateZ(-10px)>/div>div classflex justify-center mt-2>div classrelative stylewidth:30px;height:5px;background:linear-gradient(180deg, #D4AF37 0%, #AA8C2C 50%, #8B7023 100%);border-radius:2px;box-shadow:0 2px 6px rgba(0,0,0,0.3)>/div>/div>/div>div classrelative mb-2 sm:mb-3 styleopacity:0;transform:translateY(20px)>div classrelative rounded-xl p-2px  stylebackground:linear-gradient(145deg,             #D4AF37 0%,             #F5E6A3 15%,            #D4AF37 30%,            #AA8C2C 50%,            #D4AF37 70%,            #F5E6A3 85%,            #D4AF37 100%);box-shadow:0 15px 30px -8px rgba(0,0,0,0.4)>div classrounded-lg p-1px stylebackground:linear-gradient(145deg, #1a1a2e 0%, #2d2d44 50%, #1a1a2e 100%)>div classrounded-md p-2px stylebackground:linear-gradient(145deg, #C5A028 0%, #E8D48B 30%, #C5A028 60%, #8B7023 100%)>div classrelative rounded overflow-hidden bg-white>div classrelative flex items-center justify-center h-24 smalltab:h-32 midtab:h-40 sm:h-28 md:h-32 bg-white>div classabsolute top-1.5 left-1.5 w-2 h-2 border-t border-l border-amber-400/40 z-10>/div>div classabsolute top-1.5 right-1.5 w-2 h-2 border-t border-r border-amber-400/40 z-10>/div>div classabsolute bottom-1.5 left-1.5 w-2 h-2 border-b border-l border-amber-400/40 z-10>/div>div classabsolute bottom-1.5 right-1.5 w-2 h-2 border-b border-r border-amber-400/40 z-10>/div>img altTringbox recognized by MongoDB for Startups loadinglazy decodingasync data-nimgfill classobject-contain p-3.5 mix-blend-multiply styleposition:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent src/MongoDB_forStartups_ForestGreen.png/>/div>div classmx-3 h-1.5px bg-gradient-to-r from-transparent via-amber-400/50 to-transparent>/div>div classrelative w-full py-2.5  stylebackground:linear-gradient(180deg, #FAFAFA 0%, #F0F0F0 100%)>h3 classtext-10px ios:text-xs font-bold text-center mb-0.5 truncate  px-2 stylecolor:#2D2D44;text-shadow:0 1px 0 rgba(255,255,255,0.8)>MongoDB for Startups/h3>p classtext-8px sm:portrait:text-8px sm:landscape:text-9px md:text-10px text-center leading-tight truncate stylecolor:#5A5A6E>Database & Infrastructure Support/p>/div>/div>/div>/div>/div>div classabsolute -bottom-2 left-1 right-0 h-1.5 rounded-b stylebackground:linear-gradient(90deg,             #6B5A1E 0%,             #8B7023 50%,            #5C4A17 100%);transform:translateZ(-10px)>/div>div classflex justify-center mt-2>div classrelative stylewidth:30px;height:5px;background:linear-gradient(180deg, #D4AF37 0%, #AA8C2C 50%, #8B7023 100%);border-radius:2px;box-shadow:0 2px 6px rgba(0,0,0,0.3)>/div>/div>/div>div classrelative mb-2 sm:mb-3 styleopacity:0;transform:translateY(20px)>div classrelative rounded-xl p-2px  stylebackground:linear-gradient(145deg,             #D4AF37 0%,             #F5E6A3 15%,            #D4AF37 30%,            #AA8C2C 50%,            #D4AF37 70%,            #F5E6A3 85%,            #D4AF37 100%);box-shadow:0 15px 30px -8px rgba(0,0,0,0.4)>div classrounded-lg p-1px stylebackground:linear-gradient(145deg, #1a1a2e 0%, #2d2d44 50%, #1a1a2e 100%)>div classrounded-md p-2px stylebackground:linear-gradient(145deg, #C5A028 0%, #E8D48B 30%, #C5A028 60%, #8B7023 100%)>div classrelative rounded overflow-hidden bg-white>div classrelative flex items-center justify-center h-24 smalltab:h-32 midtab:h-40 sm:h-28 md:h-32 bg-white>div classabsolute top-1.5 left-1.5 w-2 h-2 border-t border-l border-amber-400/40 z-10>/div>div classabsolute top-1.5 right-1.5 w-2 h-2 border-t border-r border-amber-400/40 z-10>/div>div classabsolute bottom-1.5 left-1.5 w-2 h-2 border-b border-l border-amber-400/40 z-10>/div>div classabsolute bottom-1.5 right-1.5 w-2 h-2 border-b border-r border-amber-400/40 z-10>/div>img altTringbox recognized by AWS Startups loadinglazy decodingasync data-nimgfill classobject-contain p-3.5 mix-blend-multiply styleposition:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent src/aws-startup logo.png/>/div>div classmx-3 h-1.5px bg-gradient-to-r from-transparent via-amber-400/50 to-transparent>/div>div classrelative w-full py-2.5  stylebackground:linear-gradient(180deg, #FAFAFA 0%, #F0F0F0 100%)>h3 classtext-10px ios:text-xs font-bold text-center mb-0.5 truncate  px-2 stylecolor:#2D2D44;text-shadow:0 1px 0 rgba(255,255,255,0.8)>AWS Startups/h3>p classtext-8px sm:portrait:text-8px sm:landscape:text-9px md:text-10px text-center leading-tight truncate stylecolor:#5A5A6E>Cloud Computing Resources/p>/div>/div>/div>/div>/div>div classabsolute -bottom-2 left-1 right-0 h-1.5 rounded-b stylebackground:linear-gradient(90deg,             #6B5A1E 0%,             #8B7023 50%,            #5C4A17 100%);transform:translateZ(-10px)>/div>div classflex justify-center mt-2>div classrelative stylewidth:30px;height:5px;background:linear-gradient(180deg, #D4AF37 0%, #AA8C2C 50%, #8B7023 100%);border-radius:2px;box-shadow:0 2px 6px rgba(0,0,0,0.3)>/div>/div>/div>div classrelative mb-2 sm:mb-3 styleopacity:0;transform:translateY(20px)>div classrelative rounded-xl p-2px  stylebackground:linear-gradient(145deg,             #D4AF37 0%,             #F5E6A3 15%,            #D4AF37 30%,            #AA8C2C 50%,            #D4AF37 70%,            #F5E6A3 85%,            #D4AF37 100%);box-shadow:0 15px 30px -8px rgba(0,0,0,0.4)>div classrounded-lg p-1px stylebackground:linear-gradient(145deg, #1a1a2e 0%, #2d2d44 50%, #1a1a2e 100%)>div classrounded-md p-2px stylebackground:linear-gradient(145deg, #C5A028 0%, #E8D48B 30%, #C5A028 60%, #8B7023 100%)>div classrelative rounded overflow-hidden bg-white>div classrelative flex items-center justify-center h-24 smalltab:h-32 midtab:h-40 sm:h-28 md:h-32 bg-white>div classabsolute top-1.5 left-1.5 w-2 h-2 border-t border-l border-amber-400/40 z-10>/div>div classabsolute top-1.5 right-1.5 w-2 h-2 border-t border-r border-amber-400/40 z-10>/div>div classabsolute bottom-1.5 left-1.5 w-2 h-2 border-b border-l border-amber-400/40 z-10>/div>div classabsolute bottom-1.5 right-1.5 w-2 h-2 border-b border-r border-amber-400/40 z-10>/div>img altTringbox recognized by Salesforce for Startups loadinglazy decodingasync data-nimgfill classobject-contain p-3.5 mix-blend-multiply styleposition:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent src/Salesforce-for-Startups.png/>/div>div classmx-3 h-1.5px bg-gradient-to-r from-transparent via-amber-400/50 to-transparent>/div>div classrelative w-full py-2.5  stylebackground:linear-gradient(180deg, #FAFAFA 0%, #F0F0F0 100%)>h3 classtext-10px ios:text-xs font-bold text-center mb-0.5 truncate  px-2 stylecolor:#2D2D44;text-shadow:0 1px 0 rgba(255,255,255,0.8)>Salesforce for Startups/h3>p classtext-8px sm:portrait:text-8px sm:landscape:text-9px md:text-10px text-center leading-tight truncate stylecolor:#5A5A6E>Business Growth Platform/p>/div>/div>/div>/div>/div>div classabsolute -bottom-2 left-1 right-0 h-1.5 rounded-b stylebackground:linear-gradient(90deg,             #6B5A1E 0%,             #8B7023 50%,            #5C4A17 100%);transform:translateZ(-10px)>/div>div classflex justify-center mt-2>div classrelative stylewidth:30px;height:5px;background:linear-gradient(180deg, #D4AF37 0%, #AA8C2C 50%, #8B7023 100%);border-radius:2px;box-shadow:0 2px 6px rgba(0,0,0,0.3)>/div>/div>/div>/div>/section>/div>div classhidden lessthanxl:block>section classrelative py-6 sm:py-auto lg:py-auto>div classmax-w-full mx-auto>div classtext-center mb-8 lg:mb-10 xl:mb-14>h2 classtext-20px ios:text-mh sm:text-2xl md:text-3xl lg:text-4xl xl:text-5xl font-bold text-white text-center mb-header>Trusted by Industry Leaders/h2>p classtext-11px ios:text-texh sm:text-subh md:text-mh lg:text-xl text-purple-200/90 leading-relaxed mx-auto>Recognized and backed by the world's most innovative platforms/p>/div>div classrelative>div classabsolute -top-8 left-1/2 -translate-x-1/2 w-2/3 h-24 opacity-30 blur-3xl pointer-events-none stylebackground:linear-gradient(180deg, rgba(255,255,255,0.5), transparent)>/div>div classrelative grid grid-cols-6 gap-3 lg:gap-4 xl:gap-6 2xl:gap-8 w-full>div classgroup styleperspective:1000px>div classrelative styletransform-style:preserve-3d>div classabsolute -inset-3 lg:-inset-2 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-500 blur-xl stylebackground:rgba(118, 185, 0, 0.4)>/div>div classrelative rounded-xl p-2px lg:p-2px xl:p-3px stylebackground:linear-gradient(145deg,             #D4AF37 0%,             #F5E6A3 15%,            #D4AF37 30%,            #AA8C2C 50%,            #D4AF37 70%,            #F5E6A3 85%,            #D4AF37 100%);box-shadow:0 25px 50px -12px rgba(0,0,0,0.5),            0 0 0 1px rgba(212, 175, 55, 0.5),            inset 0 1px 0 rgba(255,255,255,0.5)>div classrounded-lg p-1px lg:p-2px stylebackground:linear-gradient(145deg,               #1a1a2e 0%,              #2d2d44 50%,              #1a1a2e 100%)>div classrounded-md p-1px lg:p-2px stylebackground:linear-gradient(145deg,                 #C5A028 0%,                 #E8D48B 30%,                #C5A028 60%,                #8B7023 100%)>div classrelative rounded overflow-hidden stylebackground:linear-gradient(180deg,                   #FFFFFF 0%,                   #FAFAFA 50%,                  #F5F5F5 100%)>div classrelative px-2 py-3 lg:px-3 lg:py-4 xl:px-4 xl:py-5 2xl:py-6 flex items-center justify-center min-h-100px lg:min-h-120px xl:min-h-140px 2xl:min-h-160px>div classabsolute top-1.5 left-1.5 lg:top-2 lg:left-2 w-2 h-2 lg:w-3 lg:h-3 border-t-2 border-l-2 border-amber-400/40>/div>div classabsolute top-1.5 right-1.5 lg:top-2 lg:right-2 w-2 h-2 lg:w-3 lg:h-3 border-t-2 border-r-2 border-amber-400/40>/div>div classabsolute bottom-1.5 left-1.5 lg:bottom-2 lg:left-2 w-2 h-2 lg:w-3 lg:h-3 border-b-2 border-l-2 border-amber-400/40>/div>div classabsolute bottom-1.5 right-1.5 lg:bottom-2 lg:right-2 w-2 h-2 lg:w-3 lg:h-3 border-b-2 border-r-2 border-amber-400/40>/div>div classrelative w-full h-20 lg:h-24 xl:h-28 2xl:h-36 flex items-center justify-center>img altTringbox recognized by NVIDIA Inception - AI Innovation Program loadinglazy decodingasync data-nimgfill classobject-contain p-2 lg:p-3 xl:p-4 styleposition:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent src/nvidia.png/>/div>/div>div classmx-2 lg:mx-3 xl:mx-4 h-px bg-gradient-to-r from-transparent via-amber-400/50 to-transparent>/div>div classrelative py-2 lg:py-3 xl:py-4 stylebackground:linear-gradient(180deg,                     #FAFAFA 0%,                    #F0F0F0 100%)>h3 classtext-10px lg:text-xs xl:text-sm font-bold text-center mb-0.5 lg:mb-1 px-1 stylecolor:#2D2D44;text-shadow:0 1px 0 rgba(255,255,255,0.8)>NVIDIA Inception/h3>p classtext-8px lg:text-9px xl:text-10px 2xl:text-xs text-center leading-relaxed px-1 truncate stylecolor:#5A5A6E>AI Innovation Program/p>/div>/div>/div>/div>/div>div classabsolute top-1 -right-1.5 lg:-right-2 bottom-1 w-1.5 lg:w-2 rounded-r stylebackground:linear-gradient(180deg,             #8B7023 0%,             #5C4A17 50%,            #3D310F 100%);transform:translateZ(-10px)>/div>div classabsolute -bottom-1.5 lg:-bottom-2 left-1 right-0 h-1.5 lg:h-2 rounded-b stylebackground:linear-gradient(90deg,             #6B5A1E 0%,             #8B7023 50%,            #5C4A17 100%);transform:translateZ(-10px)>/div>div classflex justify-center mt-2 lg:mt-3 xl:mt-4>div classrelative w-8 lg:w-10 xl:w-12 2xl:w-50px h-1.5 lg:h-2 2xl:h-2 stylebackground:linear-gradient(180deg,               #D4AF37 0%,               #AA8C2C 50%,              #8B7023 100%);border-radius:2px;box-shadow:0 4px 12px rgba(0,0,0,0.3)>div classabsolute top-0 left-0 right-0 h-0.5 lg:h-1 rounded-t bg-gradient-to-b from-white/40 to-transparent>/div>/div>/div>/div>/div>div classgroup styleperspective:1000px>div classrelative styletransform-style:preserve-3d>div classabsolute -inset-3 lg:-inset-2 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-500 blur-xl stylebackground:rgba(228, 37, 39, 0.4)>/div>div classrelative rounded-xl p-2px lg:p-2px xl:p-3px stylebackground:linear-gradient(145deg,             #D4AF37 0%,             #F5E6A3 15%,            #D4AF37 30%,            #AA8C2C 50%,            #D4AF37 70%,            #F5E6A3 85%,            #D4AF37 100%);box-shadow:0 25px 50px -12px rgba(0,0,0,0.5),            0 0 0 1px rgba(212, 175, 55, 0.5),            inset 0 1px 0 rgba(255,255,255,0.5)>div classrounded-lg p-1px lg:p-2px stylebackground:linear-gradient(145deg,               #1a1a2e 0%,              #2d2d44 50%,              #1a1a2e 100%)>div classrounded-md p-1px lg:p-2px stylebackground:linear-gradient(145deg,                 #C5A028 0%,                 #E8D48B 30%,                #C5A028 60%,                #8B7023 100%)>div classrelative rounded overflow-hidden stylebackground:linear-gradient(180deg,                   #FFFFFF 0%,                   #FAFAFA 50%,                  #F5F5F5 100%)>div classrelative px-2 py-3 lg:px-3 lg:py-4 xl:px-4 xl:py-5 2xl:py-6 flex items-center justify-center min-h-100px lg:min-h-120px xl:min-h-140px 2xl:min-h-160px>div classabsolute top-1.5 left-1.5 lg:top-2 lg:left-2 w-2 h-2 lg:w-3 lg:h-3 border-t-2 border-l-2 border-amber-400/40>/div>div classabsolute top-1.5 right-1.5 lg:top-2 lg:right-2 w-2 h-2 lg:w-3 lg:h-3 border-t-2 border-r-2 border-amber-400/40>/div>div classabsolute bottom-1.5 left-1.5 lg:bottom-2 lg:left-2 w-2 h-2 lg:w-3 lg:h-3 border-b-2 border-l-2 border-amber-400/40>/div>div classabsolute bottom-1.5 right-1.5 lg:bottom-2 lg:right-2 w-2 h-2 lg:w-3 lg:h-3 border-b-2 border-r-2 border-amber-400/40>/div>div classrelative w-full h-20 lg:h-24 xl:h-28 2xl:h-36 flex items-center justify-center>img altTringbox recognized by Zoho for Startups - Startup Growth Support loadinglazy decodingasync data-nimgfill classobject-contain p-2 lg:p-3 xl:p-4 styleposition:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent src/zoho-logo-web.svg/>/div>/div>div classmx-2 lg:mx-3 xl:mx-4 h-px bg-gradient-to-r from-transparent via-amber-400/50 to-transparent>/div>div classrelative py-2 lg:py-3 xl:py-4 stylebackground:linear-gradient(180deg,                     #FAFAFA 0%,                    #F0F0F0 100%)>h3 classtext-10px lg:text-xs xl:text-sm font-bold text-center mb-0.5 lg:mb-1 px-1 stylecolor:#2D2D44;text-shadow:0 1px 0 rgba(255,255,255,0.8)>Zoho for Startups/h3>p classtext-8px lg:text-9px xl:text-10px 2xl:text-xs text-center leading-relaxed px-1 truncate stylecolor:#5A5A6E>Startup Growth Support/p>/div>/div>/div>/div>/div>div classabsolute top-1 -right-1.5 lg:-right-2 bottom-1 w-1.5 lg:w-2 rounded-r stylebackground:linear-gradient(180deg,             #8B7023 0%,             #5C4A17 50%,            #3D310F 100%);transform:translateZ(-10px)>/div>div classabsolute -bottom-1.5 lg:-bottom-2 left-1 right-0 h-1.5 lg:h-2 rounded-b stylebackground:linear-gradient(90deg,             #6B5A1E 0%,             #8B7023 50%,            #5C4A17 100%);transform:translateZ(-10px)>/div>div classflex justify-center mt-2 lg:mt-3 xl:mt-4>div classrelative w-8 lg:w-10 xl:w-12 2xl:w-50px h-1.5 lg:h-2 2xl:h-2 stylebackground:linear-gradient(180deg,               #D4AF37 0%,               #AA8C2C 50%,              #8B7023 100%);border-radius:2px;box-shadow:0 4px 12px rgba(0,0,0,0.3)>div classabsolute top-0 left-0 right-0 h-0.5 lg:h-1 rounded-t bg-gradient-to-b from-white/40 to-transparent>/div>/div>/div>/div>/div>div classgroup styleperspective:1000px>div classrelative styletransform-style:preserve-3d>div classabsolute -inset-3 lg:-inset-2 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-500 blur-xl stylebackground:rgba(255, 153, 51, 0.4)>/div>div classrelative rounded-xl p-2px lg:p-2px xl:p-3px stylebackground:linear-gradient(145deg,             #D4AF37 0%,             #F5E6A3 15%,            #D4AF37 30%,            #AA8C2C 50%,            #D4AF37 70%,            #F5E6A3 85%,            #D4AF37 100%);box-shadow:0 25px 50px -12px rgba(0,0,0,0.5),            0 0 0 1px rgba(212, 175, 55, 0.5),            inset 0 1px 0 rgba(255,255,255,0.5)>div classrounded-lg p-1px lg:p-2px stylebackground:linear-gradient(145deg,               #1a1a2e 0%,              #2d2d44 50%,              #1a1a2e 100%)>div classrounded-md p-1px lg:p-2px stylebackground:linear-gradient(145deg,                 #C5A028 0%,                 #E8D48B 30%,                #C5A028 60%,                #8B7023 100%)>div classrelative rounded overflow-hidden stylebackground:linear-gradient(180deg,                   #FFFFFF 0%,                   #FAFAFA 50%,                  #F5F5F5 100%)>div classrelative px-2 py-3 lg:px-3 lg:py-4 xl:px-4 xl:py-5 2xl:py-6 flex items-center justify-center min-h-100px lg:min-h-120px xl:min-h-140px 2xl:min-h-160px>div classabsolute top-1.5 left-1.5 lg:top-2 lg:left-2 w-2 h-2 lg:w-3 lg:h-3 border-t-2 border-l-2 border-amber-400/40>/div>div classabsolute top-1.5 right-1.5 lg:top-2 lg:right-2 w-2 h-2 lg:w-3 lg:h-3 border-t-2 border-r-2 border-amber-400/40>/div>div classabsolute bottom-1.5 left-1.5 lg:bottom-2 lg:left-2 w-2 h-2 lg:w-3 lg:h-3 border-b-2 border-l-2 border-amber-400/40>/div>div classabsolute bottom-1.5 right-1.5 lg:bottom-2 lg:right-2 w-2 h-2 lg:w-3 lg:h-3 border-b-2 border-r-2 border-amber-400/40>/div>div classrelative w-full h-20 lg:h-24 xl:h-28 2xl:h-36 flex items-center justify-center>img altTringbox recognized by DPIIT Startup India - Government Recognized Startup loadinglazy decodingasync data-nimgfill classobject-contain p-2 lg:p-3 xl:p-4 styleposition:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent src/DPIIT-header.png/>/div>/div>div classmx-2 lg:mx-3 xl:mx-4 h-px bg-gradient-to-r from-transparent via-amber-400/50 to-transparent>/div>div classrelative py-2 lg:py-3 xl:py-4 stylebackground:linear-gradient(180deg,                     #FAFAFA 0%,                    #F0F0F0 100%)>h3 classtext-10px lg:text-xs xl:text-sm font-bold text-center mb-0.5 lg:mb-1 px-1 stylecolor:#2D2D44;text-shadow:0 1px 0 rgba(255,255,255,0.8)>DPIIT Startup India/h3>p classtext-8px lg:text-9px xl:text-10px 2xl:text-xs text-center leading-relaxed px-1 truncate stylecolor:#5A5A6E>Government Recognized Startup/p>/div>/div>/div>/div>/div>div classabsolute top-1 -right-1.5 lg:-right-2 bottom-1 w-1.5 lg:w-2 rounded-r stylebackground:linear-gradient(180deg,             #8B7023 0%,             #5C4A17 50%,            #3D310F 100%);transform:translateZ(-10px)>/div>div classabsolute -bottom-1.5 lg:-bottom-2 left-1 right-0 h-1.5 lg:h-2 rounded-b stylebackground:linear-gradient(90deg,             #6B5A1E 0%,             #8B7023 50%,            #5C4A17 100%);transform:translateZ(-10px)>/div>div classflex justify-center mt-2 lg:mt-3 xl:mt-4>div classrelative w-8 lg:w-10 xl:w-12 2xl:w-50px h-1.5 lg:h-2 2xl:h-2 stylebackground:linear-gradient(180deg,               #D4AF37 0%,               #AA8C2C 50%,              #8B7023 100%);border-radius:2px;box-shadow:0 4px 12px rgba(0,0,0,0.3)>div classabsolute top-0 left-0 right-0 h-0.5 lg:h-1 rounded-t bg-gradient-to-b from-white/40 to-transparent>/div>/div>/div>/div>/div>div classgroup styleperspective:1000px>div classrelative styletransform-style:preserve-3d>div classabsolute -inset-3 lg:-inset-2 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-500 blur-xl stylebackground:rgba(0, 237, 100, 0.4)>/div>div classrelative rounded-xl p-2px lg:p-2px xl:p-3px stylebackground:linear-gradient(145deg,             #D4AF37 0%,             #F5E6A3 15%,            #D4AF37 30%,            #AA8C2C 50%,            #D4AF37 70%,            #F5E6A3 85%,            #D4AF37 100%);box-shadow:0 25px 50px -12px rgba(0,0,0,0.5),            0 0 0 1px rgba(212, 175, 55, 0.5),            inset 0 1px 0 rgba(255,255,255,0.5)>div classrounded-lg p-1px lg:p-2px stylebackground:linear-gradient(145deg,               #1a1a2e 0%,              #2d2d44 50%,              #1a1a2e 100%)>div classrounded-md p-1px lg:p-2px stylebackground:linear-gradient(145deg,                 #C5A028 0%,                 #E8D48B 30%,                #C5A028 60%,                #8B7023 100%)>div classrelative rounded overflow-hidden stylebackground:linear-gradient(180deg,                   #FFFFFF 0%,                   #FAFAFA 50%,                  #F5F5F5 100%)>div classrelative px-2 py-3 lg:px-3 lg:py-4 xl:px-4 xl:py-5 2xl:py-6 flex items-center justify-center min-h-100px lg:min-h-120px xl:min-h-140px 2xl:min-h-160px>div classabsolute top-1.5 left-1.5 lg:top-2 lg:left-2 w-2 h-2 lg:w-3 lg:h-3 border-t-2 border-l-2 border-amber-400/40>/div>div classabsolute top-1.5 right-1.5 lg:top-2 lg:right-2 w-2 h-2 lg:w-3 lg:h-3 border-t-2 border-r-2 border-amber-400/40>/div>div classabsolute bottom-1.5 left-1.5 lg:bottom-2 lg:left-2 w-2 h-2 lg:w-3 lg:h-3 border-b-2 border-l-2 border-amber-400/40>/div>div classabsolute bottom-1.5 right-1.5 lg:bottom-2 lg:right-2 w-2 h-2 lg:w-3 lg:h-3 border-b-2 border-r-2 border-amber-400/40>/div>div classrelative w-full h-20 lg:h-24 xl:h-28 2xl:h-36 flex items-center justify-center>img altTringbox recognized by MongoDB for Startups - Database Support Program loadinglazy decodingasync data-nimgfill classobject-contain p-2 lg:p-3 xl:p-4 styleposition:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent src/MongoDB_forStartups_ForestGreen.png/>/div>/div>div classmx-2 lg:mx-3 xl:mx-4 h-px bg-gradient-to-r from-transparent via-amber-400/50 to-transparent>/div>div classrelative py-2 lg:py-3 xl:py-4 stylebackground:linear-gradient(180deg,                     #FAFAFA 0%,                    #F0F0F0 100%)>h3 classtext-10px lg:text-xs xl:text-sm font-bold text-center mb-0.5 lg:mb-1 px-1 stylecolor:#2D2D44;text-shadow:0 1px 0 rgba(255,255,255,0.8)>MongoDB for Startups/h3>p classtext-8px lg:text-9px xl:text-10px 2xl:text-xs text-center leading-relaxed px-1 truncate stylecolor:#5A5A6E>Database Support Program/p>/div>/div>/div>/div>/div>div classabsolute top-1 -right-1.5 lg:-right-2 bottom-1 w-1.5 lg:w-2 rounded-r stylebackground:linear-gradient(180deg,             #8B7023 0%,             #5C4A17 50%,            #3D310F 100%);transform:translateZ(-10px)>/div>div classabsolute -bottom-1.5 lg:-bottom-2 left-1 right-0 h-1.5 lg:h-2 rounded-b stylebackground:linear-gradient(90deg,             #6B5A1E 0%,             #8B7023 50%,            #5C4A17 100%);transform:translateZ(-10px)>/div>div classflex justify-center mt-2 lg:mt-3 xl:mt-4>div classrelative w-8 lg:w-10 xl:w-12 2xl:w-50px h-1.5 lg:h-2 2xl:h-2 stylebackground:linear-gradient(180deg,               #D4AF37 0%,               #AA8C2C 50%,              #8B7023 100%);border-radius:2px;box-shadow:0 4px 12px rgba(0,0,0,0.3)>div classabsolute top-0 left-0 right-0 h-0.5 lg:h-1 rounded-t bg-gradient-to-b from-white/40 to-transparent>/div>/div>/div>/div>/div>div classgroup styleperspective:1000px>div classrelative styletransform-style:preserve-3d>div classabsolute -inset-3 lg:-inset-2 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-500 blur-xl stylebackground:rgba(255, 153, 0, 0.4)>/div>div classrelative rounded-xl p-2px lg:p-2px xl:p-3px stylebackground:linear-gradient(145deg,             #D4AF37 0%,             #F5E6A3 15%,            #D4AF37 30%,            #AA8C2C 50%,            #D4AF37 70%,            #F5E6A3 85%,            #D4AF37 100%);box-shadow:0 25px 50px -12px rgba(0,0,0,0.5),            0 0 0 1px rgba(212, 175, 55, 0.5),            inset 0 1px 0 rgba(255,255,255,0.5)>div classrounded-lg p-1px lg:p-2px stylebackground:linear-gradient(145deg,               #1a1a2e 0%,              #2d2d44 50%,              #1a1a2e 100%)>div classrounded-md p-1px lg:p-2px stylebackground:linear-gradient(145deg,                 #C5A028 0%,                 #E8D48B 30%,                #C5A028 60%,                #8B7023 100%)>div classrelative rounded overflow-hidden stylebackground:linear-gradient(180deg,                   #FFFFFF 0%,                   #FAFAFA 50%,                  #F5F5F5 100%)>div classrelative px-2 py-3 lg:px-3 lg:py-4 xl:px-4 xl:py-5 2xl:py-6 flex items-center justify-center min-h-100px lg:min-h-120px xl:min-h-140px 2xl:min-h-160px>div classabsolute top-1.5 left-1.5 lg:top-2 lg:left-2 w-2 h-2 lg:w-3 lg:h-3 border-t-2 border-l-2 border-amber-400/40>/div>div classabsolute top-1.5 right-1.5 lg:top-2 lg:right-2 w-2 h-2 lg:w-3 lg:h-3 border-t-2 border-r-2 border-amber-400/40>/div>div classabsolute bottom-1.5 left-1.5 lg:bottom-2 lg:left-2 w-2 h-2 lg:w-3 lg:h-3 border-b-2 border-l-2 border-amber-400/40>/div>div classabsolute bottom-1.5 right-1.5 lg:bottom-2 lg:right-2 w-2 h-2 lg:w-3 lg:h-3 border-b-2 border-r-2 border-amber-400/40>/div>div classrelative w-full h-20 lg:h-24 xl:h-28 2xl:h-36 flex items-center justify-center>img altTringbox recognized by AWS Startups - Cloud & Scaling Support loadinglazy decodingasync data-nimgfill classobject-contain p-2 lg:p-3 xl:p-4 styleposition:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent src/aws-startup logo.png/>/div>/div>div classmx-2 lg:mx-3 xl:mx-4 h-px bg-gradient-to-r from-transparent via-amber-400/50 to-transparent>/div>div classrelative py-2 lg:py-3 xl:py-4 stylebackground:linear-gradient(180deg,                     #FAFAFA 0%,                    #F0F0F0 100%)>h3 classtext-10px lg:text-xs xl:text-sm font-bold text-center mb-0.5 lg:mb-1 px-1 stylecolor:#2D2D44;text-shadow:0 1px 0 rgba(255,255,255,0.8)>AWS Startups/h3>p classtext-8px lg:text-9px xl:text-10px 2xl:text-xs text-center leading-relaxed px-1 truncate stylecolor:#5A5A6E>Cloud & Scaling Support/p>/div>/div>/div>/div>/div>div classabsolute top-1 -right-1.5 lg:-right-2 bottom-1 w-1.5 lg:w-2 rounded-r stylebackground:linear-gradient(180deg,             #8B7023 0%,             #5C4A17 50%,            #3D310F 100%);transform:translateZ(-10px)>/div>div classabsolute -bottom-1.5 lg:-bottom-2 left-1 right-0 h-1.5 lg:h-2 rounded-b stylebackground:linear-gradient(90deg,             #6B5A1E 0%,             #8B7023 50%,            #5C4A17 100%);transform:translateZ(-10px)>/div>div classflex justify-center mt-2 lg:mt-3 xl:mt-4>div classrelative w-8 lg:w-10 xl:w-12 2xl:w-50px h-1.5 lg:h-2 2xl:h-2 stylebackground:linear-gradient(180deg,               #D4AF37 0%,               #AA8C2C 50%,              #8B7023 100%);border-radius:2px;box-shadow:0 4px 12px rgba(0,0,0,0.3)>div classabsolute top-0 left-0 right-0 h-0.5 lg:h-1 rounded-t bg-gradient-to-b from-white/40 to-transparent>/div>/div>/div>/div>/div>div classgroup styleperspective:1000px>div classrelative styletransform-style:preserve-3d>div classabsolute -inset-3 lg:-inset-2 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-500 blur-xl stylebackground:rgba(0, 161, 224, 0.4)>/div>div classrelative rounded-xl p-2px lg:p-2px xl:p-3px stylebackground:linear-gradient(145deg,             #D4AF37 0%,             #F5E6A3 15%,            #D4AF37 30%,            #AA8C2C 50%,            #D4AF37 70%,            #F5E6A3 85%,            #D4AF37 100%);box-shadow:0 25px 50px -12px rgba(0,0,0,0.5),            0 0 0 1px rgba(212, 175, 55, 0.5),            inset 0 1px 0 rgba(255,255,255,0.5)>div classrounded-lg p-1px lg:p-2px stylebackground:linear-gradient(145deg,               #1a1a2e 0%,              #2d2d44 50%,              #1a1a2e 100%)>div classrounded-md p-1px lg:p-2px stylebackground:linear-gradient(145deg,                 #C5A028 0%,                 #E8D48B 30%,                #C5A028 60%,                #8B7023 100%)>div classrelative rounded overflow-hidden stylebackground:linear-gradient(180deg,                   #FFFFFF 0%,                   #FAFAFA 50%,                  #F5F5F5 100%)>div classrelative px-2 py-3 lg:px-3 lg:py-4 xl:px-4 xl:py-5 2xl:py-6 flex items-center justify-center min-h-100px lg:min-h-120px xl:min-h-140px 2xl:min-h-160px>div classabsolute top-1.5 left-1.5 lg:top-2 lg:left-2 w-2 h-2 lg:w-3 lg:h-3 border-t-2 border-l-2 border-amber-400/40>/div>div classabsolute top-1.5 right-1.5 lg:top-2 lg:right-2 w-2 h-2 lg:w-3 lg:h-3 border-t-2 border-r-2 border-amber-400/40>/div>div classabsolute bottom-1.5 left-1.5 lg:bottom-2 lg:left-2 w-2 h-2 lg:w-3 lg:h-3 border-b-2 border-l-2 border-amber-400/40>/div>div classabsolute bottom-1.5 right-1.5 lg:bottom-2 lg:right-2 w-2 h-2 lg:w-3 lg:h-3 border-b-2 border-r-2 border-amber-400/40>/div>div classrelative w-full h-20 lg:h-24 xl:h-28 2xl:h-36 flex items-center justify-center>img altTringbox recognized by Salesforce for Startups - Business Growth Platform loadinglazy decodingasync data-nimgfill classobject-contain p-2 lg:p-3 xl:p-4 styleposition:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent src/Salesforce-for-Startups.png/>/div>/div>div classmx-2 lg:mx-3 xl:mx-4 h-px bg-gradient-to-r from-transparent via-amber-400/50 to-transparent>/div>div classrelative py-2 lg:py-3 xl:py-4 stylebackground:linear-gradient(180deg,                     #FAFAFA 0%,                    #F0F0F0 100%)>h3 classtext-10px lg:text-xs xl:text-sm font-bold text-center mb-0.5 lg:mb-1 px-1 stylecolor:#2D2D44;text-shadow:0 1px 0 rgba(255,255,255,0.8)>Salesforce for Startups/h3>p classtext-8px lg:text-9px xl:text-10px 2xl:text-xs text-center leading-relaxed px-1 truncate stylecolor:#5A5A6E>Business Growth Platform/p>/div>/div>/div>/div>/div>div classabsolute top-1 -right-1.5 lg:-right-2 bottom-1 w-1.5 lg:w-2 rounded-r stylebackground:linear-gradient(180deg,             #8B7023 0%,             #5C4A17 50%,            #3D310F 100%);transform:translateZ(-10px)>/div>div classabsolute -bottom-1.5 lg:-bottom-2 left-1 right-0 h-1.5 lg:h-2 rounded-b stylebackground:linear-gradient(90deg,             #6B5A1E 0%,             #8B7023 50%,            #5C4A17 100%);transform:translateZ(-10px)>/div>div classflex justify-center mt-2 lg:mt-3 xl:mt-4>div classrelative w-8 lg:w-10 xl:w-12 2xl:w-50px h-1.5 lg:h-2 2xl:h-2 stylebackground:linear-gradient(180deg,               #D4AF37 0%,               #AA8C2C 50%,              #8B7023 100%);border-radius:2px;box-shadow:0 4px 12px rgba(0,0,0,0.3)>div classabsolute top-0 left-0 right-0 h-0.5 lg:h-1 rounded-t bg-gradient-to-b from-white/40 to-transparent>/div>/div>/div>/div>/div>/div>/div>/div>/section>/div>/div>div idwhat-is-tringbox classpx-4 sm:px-6 md:px-8 false>div classblock lessthanxl:hidden>div class text-center relative>h2 classtext-20px ios:text-mh sm:text-2xl md:text-3xl lg:text-4xl xl:text-5xl font-bold text-white text-center mb-header>What isspan classbg-gradient-to-r from-purple-400 to-pink-400 bg-clip-text text-transparent> !-- -->Tringbox InStore AI Music/span>/h2>p classtext-11px ios:text-texh sm:text-subh md:text-mh lg:text-xl px-4 sm:px-6 md:px-8 text-purple-200/90 leading-relaxed mx-auto>Tringbox InStore AI Music is a smart music system for shops, cafes, offices, gyms, and public spaces. Instead of playing the same playlist every day, it automatically plays the right music based on what is happening in your space at that moment. You don't need to change anything, music adjusts on its own./p>/div>/div>div classhidden lessthanxl:block>/div>/div>div idwhat-tringbox-does classpx-4 sm:px-6 md:px-8 false>div classblock lessthanxl:hidden>div styleopacity:0;transform:translateY(30px)>h2 classtext-20px ios:text-mh sm:text-2xl md:text-3xl lg:text-4xl xl:text-5xl font-bold text-white text-center mb-header>Whatspan classbg-gradient-to-r from-purple-400 to-pink-400 bg-clip-text text-transparent> !-- -->Tringbox!-- --> /span>Does/h2>div classspace-y-4  px-2 sm:px-4 sm:space-y-5 max-w-full mx-auto>div classflex gap-3 sm:gap-4 items-center p-4 sm:p-5 rounded-2xl bg-gradient-to-r from-purple-500/10 to-transparent border border-purple-500/50 hover:from-purple-500/15 transition-all duration-300 group styleopacity:0;transform:translateX(-20px)>div classflex-shrink-0 w-10 h-10 sm:w-12 sm:h-12 rounded-xl flex items-center justify-center group-hover:scale-110 transition-transform duration-300 stylebackground:linear-gradient(135deg, rgba(168, 85, 247, 0.2), rgba(168, 85, 247, 0.1))>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-brain h-5 w-5 sm:h-6 sm:w-6 text-purple-400>path dM12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z>/path>path dM12 5a3 3 0 1 1 5.997.125 4 4 0 0 1 2.526 5.77 4 4 0 0 1-.556 6.588A4 4 0 1 1 12 18Z>/path>path dM15 13a4.5 4.5 0 0 1-3-4 4.5 4.5 0 0 1-3 4>/path>path dM17.599 6.5a3 3 0 0 0 .399-1.375>/path>path dM6.003 5.125A3 3 0 0 0 6.401 6.5>/path>path dM3.477 10.896a4 4 0 0 1 .585-.396>/path>path dM19.938 10.5a4 4 0 0 1 .585.396>/path>path dM6 18a4 4 0 0 1-1.967-.516>/path>path dM19.967 17.484A4 4 0 0 1 18 18>/path>/svg>/div>div>p classtext-subh sm:text-base text-purple-100 font-medium mb-0.5>Real Time Environment Reading/p>p classtext-txh sm:text-sm text-purple-300/80 leading-relaxed>Understands what customers emotionally need at every moment/p>/div>/div>div classflex gap-3 sm:gap-4 items-center p-4 sm:p-5 rounded-2xl bg-gradient-to-r from-pink-500/10 to-transparent border border-purple-500/50 hover:from-pink-500/15 transition-all duration-300 group styleopacity:0;transform:translateX(-20px)>div classflex-shrink-0 w-10 h-10 sm:w-12 sm:h-12 rounded-xl flex items-center justify-center group-hover:scale-110 transition-transform duration-300 stylebackground:linear-gradient(135deg, rgba(236, 72, 153, 0.2), rgba(236, 72, 153, 0.1))>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-music h-5 w-5 sm:h-6 sm:w-6 text-pink-400>path dM9 18V5l12-2v13>/path>circle cx6 cy18 r3>/circle>circle cx18 cy16 r3>/circle>/svg>/div>div>p classtext-subh sm:text-base text-purple-100 font-medium mb-0.5>Automatic Music Selection/p>p classtext-txh sm:text-sm text-purple-300/80 leading-relaxed>Continuously adapting the perfect soundtrack throughout the day/p>/div>/div>div classflex gap-3 sm:gap-4 items-center p-4 sm:p-5 rounded-2xl bg-gradient-to-r from-cyan-500/10 to-transparent border border-purple-500/50 hover:from-cyan-500/15 transition-all duration-300 group styleopacity:0;transform:translateX(-20px)>div classflex-shrink-0 w-10 h-10 sm:w-12 sm:h-12 rounded-xl flex items-center justify-center group-hover:scale-110 transition-transform duration-300 stylebackground:linear-gradient(135deg, rgba(34, 211, 238, 0.2), rgba(34, 211, 238, 0.1))>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-zap h-5 w-5 sm:h-6 sm:w-6 text-cyan-400>path dM4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z>/path>/svg>/div>div>p classtext-subh sm:text-base text-purple-100 font-medium mb-0.5>Effortless Ambience/p>p classtext-txh sm:text-sm text-purple-300/80 leading-relaxed>No playlists, no manual switching, no guesswork just magic/p>/div>/div>/div>/div>/div>div classhidden lessthanxl:block>section classrelative py-12 sm:py-8 lg:py-10 px-4 sm:px-4 lg:px-8 md:mt-14 >div classmax-w-full mx-auto>div classtext-center mb-10>h1 classtext-20px ios:text-mh sm:text-2xl md:text-3xl lg:text-4xl xl:text-5xl font-bold text-white text-center mb-header>What is Tringbox InStore AI Music/h1>/div>div classtext-center max-w-auto mx-auto>p classtext-11px ios:text-texh sm:text-subh md:text-mh lg:text-xl text-purple-200/90 leading-relaxed mx-auto max-w-1500px>Tringbox InStore AI Music is a smart music system for shops, cafes, offices, gyms, and public spaces. Instead of playing the same playlist every day, it automatically plays the right music based on what is happening in your space at that moment. You don't need to change anything, music adjusts on its own./p>/div>section classrelative overflow-hidden mt-10>div classcontainer mx-auto px-4 max-w-7xl relative z-10>div classtext-center mb-20 styleopacity:0;transform:translateY(20px)>div classflex justify-center gap-3>button classpx-5 py-2.5 rounded-full text-sm font-bold transition-all duration-300 bg-gradient-to-r from-purple-500 to-cyan-500 text-white shadow-lg shadow-purple-500/30 tabindex0>Context/button>button classpx-5 py-2.5 rounded-full text-sm font-bold transition-all duration-300 bg-purple-900/40 text-purple-300/70 hover:bg-purple-800/50 border border-purple-500/20 tabindex0>AI Engine/button>button classpx-5 py-2.5 rounded-full text-sm font-bold transition-all duration-300 bg-purple-900/40 text-purple-300/70 hover:bg-purple-800/50 border border-purple-500/20 tabindex0>Music/button>button classpx-5 py-2.5 rounded-full text-sm font-bold transition-all duration-300 bg-purple-900/40 text-purple-300/70 hover:bg-purple-800/50 border border-purple-500/20 tabindex0>Neuro/button>/div>/div>div classrelative stylepadding-bottom:100px>div classgrid grid-cols-1 lg:grid-cols-minmax(200px,1fr)_40px_minmax(200px,1fr)_40px_minmax(200px,1fr)_40px_minmax(200px,1fr) gap-4 lg:gap-0 items-stretch max-w-7xl mx-auto>div classrelative rounded-2xl border border-cyan-400/50 backdrop-blur-xl overflow-visible h-full        shadow-2xl shadow-cyan-500/20        bg-gradient-to-br from-purple-950/90 via-purple-900/80 to-slate-900/90>div classabsolute inset-0 opacity-20 rounded-2xl stylebackground:radial-gradient(circle at 50% 50%, rgba(59, 130, 246, 0.3), transparent 70%)>/div>div classabsolute w-1 h-1 rounded-full bg-blue-400/40 styleleft:20%;top:10%>/div>div classabsolute w-1 h-1 rounded-full bg-blue-400/40 styleleft:50%;top:30%>/div>div classabsolute w-1 h-1 rounded-full bg-blue-400/40 styleleft:80%;top:50%>/div>div classrelative z-10 h-full flex flex-col>div classpx-5 py-4 h-full flex flex-col min-h-380px>div classflex items-center gap-3 mb-4>div classw-10 h-10 rounded-xl flex items-center justify-center flex-shrink-0 bg-gradient-to-br from-cyan-500 via-blue-600 to-purple-600 shadow-xl shadow-cyan-500/40>span classtext-lg font-bold text-white>01/span>/div>div classmin-w-0>h3 classtext-lg font-bold text-white leading-tight whitespace-nowrap>Live Context/h3>p classtext-xs text-cyan-200/70 mt-0.5 font-medium whitespace-nowrap>Environmental Sensors/p>/div>/div>div classflex-1 flex flex-col justify-center>div classgrid grid-cols-2 gap-2 mb-4>div classflex items-center gap-2 px-2.5 py-2 rounded-lg border backdrop-blur-sm bg-blue-500/25 border-blue-400/50 text-blue-100 shadow-lg shadow-blue-500/20>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-thermometer w-3.5 h-3.5 text-current flex-shrink-0>path dM14 4v10.54a4 4 0 1 1-4 0V4a2 2 0 0 1 4 0Z>/path>/svg>span classtext-xs font-bold whitespace-nowrap>Temp/span>/div>div classflex items-center gap-2 px-2.5 py-2 rounded-lg border backdrop-blur-sm bg-purple-500/25 border-purple-400/50 text-purple-100 shadow-lg shadow-purple-500/20>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-droplets w-3.5 h-3.5 text-current flex-shrink-0>path dM7 16.3c2.2 0 4-1.83 4-4.05 0-1.16-.57-2.26-1.71-3.19S7.29 6.75 7 5.3c-.29 1.45-1.14 2.84-2.29 3.76S3 11.1 3 12.25c0 2.22 1.8 4.05 4 4.05z>/path>path dM12.56 6.6A10.97 10.97 0 0 0 14 3.02c.5 2.5 2 4.9 4 6.5s3 3.5 3 5.5a6.98 6.98 0 0 1-11.91 4.97>/path>/svg>span classtext-xs font-bold whitespace-nowrap>Humidity/span>/div>div classflex items-center gap-2 px-2.5 py-2 rounded-lg border backdrop-blur-sm bg-blue-500/25 border-blue-400/50 text-blue-100 shadow-lg shadow-blue-500/20>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-cloud w-3.5 h-3.5 text-current flex-shrink-0>path dM17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z>/path>/svg>span classtext-xs font-bold whitespace-nowrap>Weather/span>/div>div classflex items-center gap-2 px-2.5 py-2 rounded-lg border backdrop-blur-sm bg-yellow-500/25 border-yellow-400/50 text-yellow-100 shadow-lg shadow-yellow-500/20>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-clock w-3.5 h-3.5 text-current flex-shrink-0>circle cx12 cy12 r10>/circle>polyline points12 6 12 12 16 14>/polyline>/svg>span classtext-xs font-bold whitespace-nowrap>Time/span>/div>div classflex items-center gap-2 px-2.5 py-2 rounded-lg border backdrop-blur-sm bg-green-500/25 border-green-400/50 text-green-100 shadow-lg shadow-green-500/20>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-calendar w-3.5 h-3.5 text-current flex-shrink-0>path dM8 2v4>/path>path dM16 2v4>/path>rect width18 height18 x3 y4 rx2>/rect>path dM3 10h18>/path>/svg>span classtext-xs font-bold whitespace-nowrap>Day/span>/div>div classflex items-center gap-2 px-2.5 py-2 rounded-lg border backdrop-blur-sm bg-purple-500/25 border-purple-400/50 text-purple-100 shadow-lg shadow-purple-500/20>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-building2 w-3.5 h-3.5 text-current flex-shrink-0>path dM6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z>/path>path dM6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2>/path>path dM18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2>/path>path dM10 6h4>/path>path dM10 10h4>/path>path dM10 14h4>/path>path dM10 18h4>/path>/svg>span classtext-xs font-bold whitespace-nowrap>Venue/span>/div>/div>/div>div classmt-auto pt-3 border-t border-cyan-400/20>div classflex items-center justify-between>span classtext-xs text-cyan-100 font-semibold>Collecting Data/span>div classflex items-center gap-2>div classw-2 h-2 rounded-full bg-cyan-400>/div>span classtext-xs text-purple-300/60 font-medium>Active/span>/div>/div>/div>/div>/div>div classabsolute top-full left-1/2 -translate-x-1/2 w-2.5 z-20 styleheight:60px>div classabsolute -top-1 left-1/2 -translate-x-1/2 w-5 h-3 rounded-b-md bg-gradient-to-b from-cyan-500/80 to-cyan-400/60 border-x border-b border-white/20>/div>div classabsolute top-0 bottom-0 left-0 right-0 rounded-b-full bg-gradient-to-b from-cyan-500/80 to-cyan-400/60 border-x border-b border-white/30 shadow-lg shadow-cyan-400/60>/div>div classabsolute top-0 bottom-0 left-0.5 right-1/2 bg-gradient-to-b from-white/25 to-transparent rounded-bl-full>/div>div classabsolute -bottom-2.5 left-1/2 -translate-x-1/2  w-6 h-6 rounded-full border-2 bg-gradient-to-br from-cyan-500/80 to-cyan-400/60 border-white/50 shadow-xl shadow-cyan-400/60>div classabsolute inset-1 rounded-full bg-gradient-to-br from-white/40 to-transparent>/div>/div>div classabsolute left-1/2 -translate-x-1/2 w-2 h-2 rounded-full bg-cyan-400 shadow-lg>/div>/div>/div>div classhidden lg:flex items-center justify-center h-full w-full relative>div classrelative w-full h-3 flex items-center>div classabsolute inset-0 rounded-full bg-gradient-to-r stylebackground:linear-gradient(90deg, undefined, #a855f7);box-shadow:0 0 20px undefined60, 0 0 40px #a855f740>/div>div classabsolute inset-0.5 rounded-full bg-white/20>/div>div classabsolute top-1/2 -translate-y-1/2 w-6 h-1.5 rounded-full bg-white/80 stylebox-shadow:0 0 10px rgba(255,255,255,0.8), 0 0 20px rgba(255,255,255,0.4)>/div>div classabsolute top-1/2 -translate-y-1/2 w-4 h-1 rounded-full bg-white/60 stylebox-shadow:0 0 8px rgba(255,255,255,0.6)>/div>/div>/div>div classrelative rounded-2xl border border-purple-500/20 backdrop-blur-xl overflow-visible h-full        shadow-lg        bg-gradient-to-br from-purple-950/90 via-purple-900/80 to-slate-900/90>div classrelative z-10 h-full flex flex-col>div classpx-5 py-4 h-full flex flex-col min-h-380px>div classflex items-center gap-3 mb-4>div classw-10 h-10 rounded-xl flex items-center justify-center flex-shrink-0 bg-purple-900/40>span classtext-lg font-bold text-white>02/span>/div>div classmin-w-0>h3 classtext-lg font-bold text-white leading-tight whitespace-nowrap>AI Engine/h3>p classtext-xs text-purple-200/70 mt-0.5 font-medium whitespace-nowrap>Neural Processing/p>/div>/div>div classflex-1 flex flex-col items-center justify-center>div classrelative w-24 h-24 mb-4>div classabsolute inset-0 rounded-full border-2 border-purple-700/30>/div>div classabsolute inset-3 rounded-full border-2 border-purple-700/20>/div>div classabsolute inset-0 flex items-center justify-center>div classp-3 rounded-full bg-purple-900/30>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-brain w-8 h-8 text-purple-600>path dM12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z>/path>path dM12 5a3 3 0 1 1 5.997.125 4 4 0 0 1 2.526 5.77 4 4 0 0 1-.556 6.588A4 4 0 1 1 12 18Z>/path>path dM15 13a4.5 4.5 0 0 1-3-4 4.5 4.5 0 0 1-3 4>/path>path dM17.599 6.5a3 3 0 0 0 .399-1.375>/path>path dM6.003 5.125A3 3 0 0 0 6.401 6.5>/path>path dM3.477 10.896a4 4 0 0 1 .585-.396>/path>path dM19.938 10.5a4 4 0 0 1 .585.396>/path>path dM6 18a4 4 0 0 1-1.967-.516>/path>path dM19.967 17.484A4 4 0 0 1 18 18>/path>/svg>/div>/div>/div>div classflex gap-2>div classpx-3 py-1.5 rounded-lg text-xs font-bold bg-purple-900/20 text-purple-500/40 border border-purple-700/20>Pattern/div>div classpx-3 py-1.5 rounded-lg text-xs font-bold bg-purple-900/20 text-purple-500/40 border border-purple-700/20>Mood/div>div classpx-3 py-1.5 rounded-lg text-xs font-bold bg-purple-900/20 text-purple-500/40 border border-purple-700/20>Predict/div>/div>/div>div classmt-auto pt-3 border-t border-purple-400/20>div classflex items-center justify-between>span classtext-xs text-purple-100 font-semibold>Standby/span>div classflex items-center gap-2>div classw-2 h-2 rounded-full bg-purple-600>/div>span classtext-xs text-purple-300/60 font-medium>Idle/span>/div>/div>/div>/div>/div>div classabsolute top-full left-1/2 -translate-x-1/2 w-2.5 z-20 styleheight:60px>div classabsolute -top-1 left-1/2 -translate-x-1/2 w-5 h-3 rounded-b-md bg-purple-800/60 border-x border-b border-white/20>/div>div classabsolute top-0 bottom-0 left-0 right-0 rounded-b-full bg-gradient-to-b from-purple-500/80 to-purple-400/60 border-x border-b border-white/30 >/div>div classabsolute top-0 bottom-0 left-0.5 right-1/2 bg-gradient-to-b from-white/25 to-transparent rounded-bl-full>/div>div classabsolute -bottom-2.5 left-1/2 -translate-x-1/2  w-6 h-6 rounded-full border-2 bg-purple-900/50 border-purple-500/30>div classabsolute inset-1 rounded-full bg-gradient-to-br from-white/40 to-transparent>/div>/div>/div>/div>div classhidden lg:flex items-center justify-center h-full w-full relative>div classrelative w-full h-3 flex items-center>div classabsolute inset-0 rounded-full bg-purple-900/40 stylebox-shadow:none>/div>/div>/div>div classrelative rounded-2xl border border-purple-500/20 backdrop-blur-xl overflow-visible h-full        shadow-lg        bg-gradient-to-br from-purple-950/90 via-purple-900/80 to-slate-900/90>div classrelative z-10 h-full flex flex-col>div classpx-5 py-4 h-full flex flex-col min-h-380px>div classflex items-center gap-3 mb-4>div classw-10 h-10 rounded-xl flex items-center justify-center flex-shrink-0 bg-purple-900/40>span classtext-lg font-bold text-white>03/span>/div>div classmin-w-0>h3 classtext-lg font-bold text-white leading-tight whitespace-nowrap>Music Metrics/h3>p classtext-xs text-green-200/70 mt-0.5 font-medium whitespace-nowrap>Audio Analysis/p>/div>/div>div classmb-3 h-10 flex items-end justify-center gap-0.5 px-1 styleopacity:0.3>div classflex-1 bg-gradient-to-t from-green-400/50 to-emerald-400/50 rounded-full>/div>div classflex-1 bg-gradient-to-t from-green-400/50 to-emerald-400/50 rounded-full>/div>div classflex-1 bg-gradient-to-t from-green-400/50 to-emerald-400/50 rounded-full>/div>div classflex-1 bg-gradient-to-t from-green-400/50 to-emerald-400/50 rounded-full>/div>div classflex-1 bg-gradient-to-t from-green-400/50 to-emerald-400/50 rounded-full>/div>div classflex-1 bg-gradient-to-t from-green-400/50 to-emerald-400/50 rounded-full>/div>div classflex-1 bg-gradient-to-t from-green-400/50 to-emerald-400/50 rounded-full>/div>div classflex-1 bg-gradient-to-t from-green-400/50 to-emerald-400/50 rounded-full>/div>div classflex-1 bg-gradient-to-t from-green-400/50 to-emerald-400/50 rounded-full>/div>div classflex-1 bg-gradient-to-t from-green-400/50 to-emerald-400/50 rounded-full>/div>div classflex-1 bg-gradient-to-t from-green-400/50 to-emerald-400/50 rounded-full>/div>div classflex-1 bg-gradient-to-t from-green-400/50 to-emerald-400/50 rounded-full>/div>div classflex-1 bg-gradient-to-t from-green-400/50 to-emerald-400/50 rounded-full>/div>div classflex-1 bg-gradient-to-t from-green-400/50 to-emerald-400/50 rounded-full>/div>div classflex-1 bg-gradient-to-t from-green-400/50 to-emerald-400/50 rounded-full>/div>div classflex-1 bg-gradient-to-t from-green-400/50 to-emerald-400/50 rounded-full>/div>div classflex-1 bg-gradient-to-t from-green-400/50 to-emerald-400/50 rounded-full>/div>div classflex-1 bg-gradient-to-t from-green-400/50 to-emerald-400/50 rounded-full>/div>div classflex-1 bg-gradient-to-t from-green-400/50 to-emerald-400/50 rounded-full>/div>div classflex-1 bg-gradient-to-t from-green-400/50 to-emerald-400/50 rounded-full>/div>/div>div classflex-1 flex flex-col justify-center gap-3>div classgrid grid-cols-2 gap-2>div classflex items-center gap-2 px-2.5 py-2 rounded-lg border backdrop-blur-sm bg-purple-900/40 text-purple-300/70 hover:bg-purple-800/50 border border-purple-500/20>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-activity w-3.5 h-3.5 text-current flex-shrink-0>path dM22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2>/path>/svg>span classtext-xs font-bold whitespace-nowrap>BPM/span>/div>div classflex items-center gap-2 px-2.5 py-2 rounded-lg border backdrop-blur-sm bg-purple-900/40 text-purple-300/70 hover:bg-purple-800/50 border border-purple-500/20>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-sparkles w-3.5 h-3.5 text-current flex-shrink-0>path dM9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z>/path>path dM20 3v4>/path>path dM22 5h-4>/path>path dM4 17v2>/path>path dM5 18H3>/path>/svg>span classtext-xs font-bold whitespace-nowrap>Valence/span>/div>div classflex items-center gap-2 px-2.5 py-2 rounded-lg border backdrop-blur-sm bg-purple-900/40 text-purple-300/70 hover:bg-purple-800/50 border border-purple-500/20>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-music w-3.5 h-3.5 text-current flex-shrink-0>path dM9 18V5l12-2v13>/path>circle cx6 cy18 r3>/circle>circle cx18 cy16 r3>/circle>/svg>span classtext-xs font-bold whitespace-nowrap>Key/span>/div>div classflex items-center gap-2 px-2.5 py-2 rounded-lg border backdrop-blur-sm bg-purple-900/40 text-purple-300/70 hover:bg-purple-800/50 border border-purple-500/20>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-waves w-3.5 h-3.5 text-current flex-shrink-0>path dM2 6c.6.5 1.2 1 2.5 1C7 7 7 5 9.5 5c2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1>/path>path dM2 12c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1>/path>path dM2 18c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1>/path>/svg>span classtext-xs font-bold whitespace-nowrap>Energy/span>/div>/div>div>p classtext-10px text-green-200/60 font-bold mb-2 uppercase tracking-wider>Instruments/p>div classgrid grid-cols-4 gap-1>div classtext-center py-1.5 rounded-lg text-10px font-bold bg-purple-900/20 text-purple-400/40 border border-purple-500/10>Piano/div>div classtext-center py-1.5 rounded-lg text-10px font-bold bg-purple-900/20 text-purple-400/40 border border-purple-500/10>Guitar/div>div classtext-center py-1.5 rounded-lg text-10px font-bold bg-purple-900/20 text-purple-400/40 border border-purple-500/10>Drums/div>div classtext-center py-1.5 rounded-lg text-10px font-bold bg-purple-900/20 text-purple-400/40 border border-purple-500/10>Synth/div>/div>/div>/div>div classmt-auto pt-3 border-t border-green-400/20>div classflex items-center justify-between>span classtext-xs text-green-100 font-semibold>Standby/span>div classflex items-center gap-2>div classw-2 h-2 rounded-full bg-purple-600>/div>span classtext-xs text-purple-300/60 font-medium>Idle/span>/div>/div>/div>/div>/div>div classabsolute top-full left-1/2 -translate-x-1/2 w-2.5 z-20 styleheight:60px>div classabsolute -top-1 left-1/2 -translate-x-1/2 w-5 h-3 rounded-b-md bg-purple-800/60 border-x border-b border-white/20>/div>div classabsolute top-0 bottom-0 left-0 right-0 rounded-b-full bg-gradient-to-b from-emerald-500/80 to-emerald-400/60 border-x border-b border-white/30 >/div>div classabsolute top-0 bottom-0 left-0.5 right-1/2 bg-gradient-to-b from-white/25 to-transparent rounded-bl-full>/div>div classabsolute -bottom-2.5 left-1/2 -translate-x-1/2  w-6 h-6 rounded-full border-2 bg-purple-900/50 border-purple-500/30>div classabsolute inset-1 rounded-full bg-gradient-to-br from-white/40 to-transparent>/div>/div>/div>/div>div classhidden lg:flex items-center justify-center h-full w-full relative>div classrelative w-full h-3 flex items-center>div classabsolute inset-0 rounded-full bg-purple-900/40 stylebox-shadow:none>/div>/div>/div>div classrelative rounded-2xl border border-purple-500/20 backdrop-blur-xl overflow-visible h-full        shadow-lg        bg-gradient-to-br from-purple-950/90 via-purple-900/80 to-slate-900/90>div classrelative z-10 h-full flex flex-col>div classpx-5 py-4 h-full flex flex-col min-h-380px>div classflex items-center gap-3 mb-4>div classw-10 h-10 rounded-xl flex items-center justify-center flex-shrink-0 bg-purple-900/40>span classtext-lg font-bold text-white>04/span>/div>div classmin-w-0>h3 classtext-lg font-bold text-white leading-tight whitespace-nowrap>Neuro Output/h3>p classtext-xs text-yellow-200/70 mt-0.5 font-medium whitespace-nowrap>Brain Chemistry/p>/div>/div>div classflex-1 flex items-center>div classgrid grid-cols-2 gap-3 w-full>div classrelative p-3 rounded-xl border backdrop-blur-sm bg-purple-900/20 border-purple-500/15>div classflex flex-col items-center gap-1.5>div>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-zap w-5 h-5 text-purple-500/40>path dM4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z>/path>/svg>/div>span classtext-10px font-bold text-purple-400/40>Dopamine/span>/div>/div>div classrelative p-3 rounded-xl border backdrop-blur-sm bg-purple-900/20 border-purple-500/15>div classflex flex-col items-center gap-1.5>div>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-heart w-5 h-5 text-purple-500/40>path dM19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z>/path>/svg>/div>span classtext-10px font-bold text-purple-400/40>Serotonin/span>/div>/div>div classrelative p-3 rounded-xl border backdrop-blur-sm bg-purple-900/20 border-purple-500/15>div classflex flex-col items-center gap-1.5>div>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-sparkles w-5 h-5 text-purple-500/40>path dM9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z>/path>path dM20 3v4>/path>path dM22 5h-4>/path>path dM4 17v2>/path>path dM5 18H3>/path>/svg>/div>span classtext-10px font-bold text-purple-400/40>Oxytocin/span>/div>/div>div classrelative p-3 rounded-xl border backdrop-blur-sm bg-purple-900/20 border-purple-500/15>div classflex flex-col items-center gap-1.5>div>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-activity w-5 h-5 text-purple-500/40>path dM22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2>/path>/svg>/div>span classtext-10px font-bold text-purple-400/40>Endorphin/span>/div>/div>/div>/div>div classmt-auto pt-3 border-t border-yellow-400/20>div classflex items-center justify-between>span classtext-xs text-yellow-100 font-semibold>Standby/span>div classpx-3 py-1 rounded-full text-xs font-bold bg-purple-900/30 border border-purple-500/20 text-purple-400/50>—/div>/div>/div>/div>/div>div classabsolute top-full left-1/2 -translate-x-1/2 w-2.5 z-20 styleheight:60px>div classabsolute -top-1 left-1/2 -translate-x-1/2 w-5 h-3 rounded-b-md bg-purple-800/60 border-x border-b border-white/20>/div>div classabsolute top-0 bottom-0 left-0 right-0 rounded-b-full bg-gradient-to-b from-amber-500/80 to-amber-400/60 border-x border-b border-white/30 >/div>div classabsolute top-0 bottom-0 left-0.5 right-1/2 bg-gradient-to-b from-white/25 to-transparent rounded-bl-full>/div>div classabsolute -bottom-2.5 left-1/2 -translate-x-1/2  w-6 h-6 rounded-full border-2 bg-purple-900/50 border-purple-500/30>div classabsolute inset-1 rounded-full bg-gradient-to-br from-white/40 to-transparent>/div>/div>/div>/div>/div>div classhidden lg:block absolute -z-10 stylebottom:32px;left:calc(12.5% - 20px);right:calc(12.5% - 20px)>div classrelative h-4>div classabsolute inset-x-0 top-1/2 -translate-y-1/2 h-4 bg-gradient-to-r from-purple-900/60 via-purple-800/70 to-purple-900/60 rounded-full border border-purple-400/40>div classabsolute inset-x-0 top-0 h-1/2 bg-gradient-to-b from-white/20 to-transparent rounded-t-full>/div>div classabsolute inset-x-0 bottom-0 h-1/2 bg-gradient-to-t from-black/20 to-transparent rounded-b-full>/div>div classabsolute inset-0.5 rounded-full opacity-80 stylebackground:linear-gradient(90deg, rgba(34,211,238,0.5), rgba(168,85,247,0.5), rgba(52,211,153,0.5), rgba(251,191,36,0.5));background-size:200% 100%>/div>div classabsolute top-1/2 -translate-y-1/2 w-3 h-3 rounded-full bg-cyan-300 shadow-lg border border-bg-cyan-300/40>/div>div classabsolute top-1/2 -translate-y-1/2 w-3 h-3 rounded-full bg-purple-300 shadow-lg border border-bg-purple-300/40>/div>div classabsolute top-1/2 -translate-y-1/2 w-3 h-3 rounded-full bg-emerald-300 shadow-lg border border-bg-emerald-300/40>/div>div classabsolute top-1/2 -translate-y-1/2 w-3 h-3 rounded-full bg-amber-300 shadow-lg border border-bg-amber-300/40>/div>/div>/div>/div>/div>/div>/section>/div>/section>/div>/div>div idvenues classfalse mb-10>div classblock lessthanxl:hidden>section classpy-0 max-w-full -mt-2 -mb-5 ios:-mb-9>div classw-full max-w-full mx-auto flex flex-col items-center>div classtext-center w-full>div classflex items-center justify-center gap-3 mb-2 relative>h2 classtext-20px ios:text-mh sm:text-2xl md:text-3xl lg:text-4xl xl:text-5xl font-bold text-white text-center mb-header>Discover Your Perfect!-- --> span classbg-gradient-to-r from-purple-400 to-pink-400 bg-clip-text text-transparent>Ambiance/span>/h2>button classhidden sm:flex absolute right-0 w-10 h-10 rounded-full -mt-3 items-center justify-center hover:bg-white/20 transition-all duration-300 border border-white/20 tabindex0>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-search w-5 h-5 text-white>circle cx11 cy11 r8>/circle>path dm21 21-4.3-4.3>/path>/svg>/button>/div>div classsm:hidden styleopacity:0;transform:translateY(10px)>div classrelative max-w-300px mx-auto>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-search absolute left-4 top-1/2 -translate-y-1/2 w-4 h-3 text-white/40>circle cx11 cy11 r8>/circle>path dm21 21-4.3-4.3>/path>/svg>input typetext placeholderSearch venues... classw-full pl-11 pr-4 py-2.5 rounded-full bg-white/10 border border-white/20 text-white text-base placeholder:text-white/40 focus:outline-none focus:border-purple-500/50 transition-all duration-300 value/>/div>/div>/div>div classmax-w-md mx-auto text-center>/div>/div>/section>/div>div classhidden lessthanxl:block>section classpt-20  relative overflow-hidden  md:px-6 aria-labelledbyvenue-showcase-title>div classrelative>div classw-full max-w-1510px  mx-auto >div classmb-10 styleopacity:0;transform:translateY(20px)>div classgrid grid-cols-1fr_auto_1fr items-center gap-4>div classhidden lg:block>/div>div classtext-center col-span-3 lg:col-span-1>h2 idvenue-showcase-title classtext-4xl sm:text-5xl font-bold text-white tracking-tight>Tringbox Adaptsspan classbg-gradient-to-r from-purple-400 to-pink-400 bg-clip-text text-transparent> !-- -->Perfectly!-- --> /span>to any Venue typespan classtext-transparent bg-clip-text bg-gradient-to-r from-purple-200 via-pink-200 to-purple-300>/span>/h2>p classtext-lg sm:text-xl text-white/40 mt-2 font-light>/p>/div>div classrelative group justify-self-center lg:justify-self-end col-span-3 lg:col-span-1>div class rounded-full bg-gradient-to-r from-purple-500/20 to-pink-500/20 opacity-0 group-focus-within:opacity-100 blur transition-opacity duration-500>/div>div classrelative>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-search absolute left-4 top-1/2 -translate-y-1/2 w-4 h-4 text-purple-400/50 group-focus-within:text-purple-400 transition-colors>circle cx11 cy11 r8>/circle>path dm21 21-4.3-4.3>/path>/svg>input typetext placeholderSearch venues... aria-labelSearch venue types classw-20ch pl-11 py-2.5 rounded-full bg-white/5 border border-white/10 text-white placeholder:text-white/30 focus:outline-none focus:border-purple-400/30 focus:bg-white/10 transition-all duration-300 text-sm value/>/div>/div>/div>/div>/div>div classtext-center py-12 px-4 styleopacity:0>div classw-14 h-14 mx-auto mb-4 rounded-full bg-white/5 border border-white/10 flex items-center justify-center>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-search w-6 h-6 text-white/30>circle cx11 cy11 r8>/circle>path dm21 21-4.3-4.3>/path>/svg>/div>p classtext-white/40 text-sm font-light>No venues found for "span classtext-purple-300/60>/span>"/p>button classmt-2 text-purple-400/60 hover:text-purple-400 text-sm transition-colors>Clear search/button>/div>/div>/section>/div>/div>div idresearch-section classpx-4 sm:px-6 md:px-8 false>div classblock lessthanxl:hidden>section idresearch-section classrelative  overflow-hidden w-full>div classrelative z-10 w-full>div classmb-6 md:mb-10 px-4>div classrelative text-center>p classtext-10px sm:text-txh md:text-subh lg:text-mh text-purple-200/90 leading-relaxed mx-auto>Research & Evidence/p>h2 classtext-20px ios:text-mh sm:text-2xl md:text-3xl lg:text-4xl xl:text-5xl font-bold text-white text-center mb-header>span classtext-white>Science Behind!-- --> span classbg-gradient-to-r from-purple-400 to-pink-400 bg-clip-text text-transparent>Tringbox/span> /span>/h2>p classtext-11px ios:text-texh sm:text-subh md:text-mh lg:text-xl text-purple-200/90 leading-relaxed mx-auto mb-lower>Neuroscience research on soundscapes/p>/div>/div>div classgrid grid-cols-2 w-full gap-3 ios:gap-4 sm:gap-5 md:gap-6 lg:gap-8 mx-auto px-2 sm:px-4 >div classrelative overflow-hidden rounded-lg border border-white/10 bg-white/5 backdrop-blur-md flex flex-col w-full h-full styleopacity:0;transform:translateY(20px)>div classh-0.5 w-full shrink-0 stylebackground:linear-gradient(90deg, transparent, #22d3ee, transparent)>/div>div classp-3 ios:p-4 sm:p-5 md:p-6 lg:p-8 flex flex-col h-full justify-between>div classflex items-start justify-between mb-2 md:mb-4 lg:mb-6>div classw-8 h-8 ios:w-9 ios:h-9 sm:w-10 sm:h-10 md:w-12 md:h-12 lg:w-14 lg:h-14 rounded-md flex items-center justify-center shrink-0 stylebackground:linear-gradient(135deg, #22d3ee20, #22d3ee10)>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-zap w-4 h-4 ios:w-5 ios:h-5 md:w-6 md:h-6 lg:w-8 lg:h-8 stylecolor:#22d3ee>path dM4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z>/path>/svg>/div>div classtext-right>div classtext-xl ios:text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-black tracking-tight leading-none>span stylecolor:#22d3ee>0%/span>/div>/div>/div>div classflex-grow>h3 classtext-xs ios:text-sm sm:text-base md:text-xl lg:text-2xl font-bold text-white leading-tight mb-1 md:mb-2>Dwell Time/h3>p classtext-10px ios:text-xs sm:text-sm md:text-base lg:text-lg font-medium mb-1 md:mb-2 opacity-90 truncate stylecolor:#22d3ee>More browsing/p>p classtext-white/80 text-9px ios:text-10px sm:text-xs md:text-sm leading-tight md:leading-relaxed line-clamp-3>Lower BPM music triggers dopamine release./p>/div>div classmt-2 pt-2 md:mt-4 md:pt-4 border-t border-white/5>div classflex items-center gap-1 text-9px ios:text-10px sm:text-xs md:text-sm text-white/30>div classw-1 h-1 md:w-1.5 md:h-1.5 rounded-full shrink-0 stylebackground:#22d3ee>/div>span classtruncate>Milliman, 1982 • Journal of Marketing/span>/div>/div>/div>/div>div classrelative overflow-hidden rounded-lg border border-white/10 bg-white/5 backdrop-blur-md flex flex-col w-full h-full styleopacity:0;transform:translateY(20px)>div classh-0.5 w-full shrink-0 stylebackground:linear-gradient(90deg, transparent, #a855f7, transparent)>/div>div classp-3 ios:p-4 sm:p-5 md:p-6 lg:p-8 flex flex-col h-full justify-between>div classflex items-start justify-between mb-2 md:mb-4 lg:mb-6>div classw-8 h-8 ios:w-9 ios:h-9 sm:w-10 sm:h-10 md:w-12 md:h-12 lg:w-14 lg:h-14 rounded-md flex items-center justify-center shrink-0 stylebackground:linear-gradient(135deg, #a855f720, #a855f710)>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-brain w-4 h-4 ios:w-5 ios:h-5 md:w-6 md:h-6 lg:w-8 lg:h-8 stylecolor:#a855f7>path dM12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z>/path>path dM12 5a3 3 0 1 1 5.997.125 4 4 0 0 1 2.526 5.77 4 4 0 0 1-.556 6.588A4 4 0 1 1 12 18Z>/path>path dM15 13a4.5 4.5 0 0 1-3-4 4.5 4.5 0 0 1-3 4>/path>path dM17.599 6.5a3 3 0 0 0 .399-1.375>/path>path dM6.003 5.125A3 3 0 0 0 6.401 6.5>/path>path dM3.477 10.896a4 4 0 0 1 .585-.396>/path>path dM19.938 10.5a4 4 0 0 1 .585.396>/path>path dM6 18a4 4 0 0 1-1.967-.516>/path>path dM19.967 17.484A4 4 0 0 1 18 18>/path>/svg>/div>div classtext-right>div classtext-xl ios:text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-black tracking-tight leading-none>span stylecolor:#a855f7>0%/span>/div>/div>/div>div classflex-grow>h3 classtext-xs ios:text-sm sm:text-base md:text-xl lg:text-2xl font-bold text-white leading-tight mb-1 md:mb-2>Perception/h3>p classtext-10px ios:text-xs sm:text-sm md:text-base lg:text-lg font-medium mb-1 md:mb-2 opacity-90 truncate stylecolor:#a855f7>Premium feel/p>p classtext-white/80 text-9px ios:text-10px sm:text-xs md:text-sm leading-tight md:leading-relaxed line-clamp-3>Familiar harmonics enhance trust./p>/div>div classmt-2 pt-2 md:mt-4 md:pt-4 border-t border-white/5>div classflex items-center gap-1 text-9px ios:text-10px sm:text-xs md:text-sm text-white/30>div classw-1 h-1 md:w-1.5 md:h-1.5 rounded-full shrink-0 stylebackground:#a855f7>/div>span classtruncate>North & Hargreaves, 1998/span>/div>/div>/div>/div>div classrelative overflow-hidden rounded-lg border border-white/10 bg-white/5 backdrop-blur-md flex flex-col w-full h-full styleopacity:0;transform:translateY(20px)>div classh-0.5 w-full shrink-0 stylebackground:linear-gradient(90deg, transparent, #34d399, transparent)>/div>div classp-3 ios:p-4 sm:p-5 md:p-6 lg:p-8 flex flex-col h-full justify-between>div classflex items-start justify-between mb-2 md:mb-4 lg:mb-6>div classw-8 h-8 ios:w-9 ios:h-9 sm:w-10 sm:h-10 md:w-12 md:h-12 lg:w-14 lg:h-14 rounded-md flex items-center justify-center shrink-0 stylebackground:linear-gradient(135deg, #34d39920, #34d39910)>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-heart w-4 h-4 ios:w-5 ios:h-5 md:w-6 md:h-6 lg:w-8 lg:h-8 stylecolor:#34d399>path dM19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z>/path>/svg>/div>div classtext-right>div classtext-xl ios:text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-black tracking-tight leading-none>span stylecolor:#34d399>0%/span>/div>/div>/div>div classflex-grow>h3 classtext-xs ios:text-sm sm:text-base md:text-xl lg:text-2xl font-bold text-white leading-tight mb-1 md:mb-2>Experience/h3>p classtext-10px ios:text-xs sm:text-sm md:text-base lg:text-lg font-medium mb-1 md:mb-2 opacity-90 truncate stylecolor:#34d399>Repeat visits/p>p classtext-white/80 text-9px ios:text-10px sm:text-xs md:text-sm leading-tight md:leading-relaxed line-clamp-3>Oxytocin release creates familiarity./p>/div>div classmt-2 pt-2 md:mt-4 md:pt-4 border-t border-white/5>div classflex items-center gap-1 text-9px ios:text-10px sm:text-xs md:text-sm text-white/30>div classw-1 h-1 md:w-1.5 md:h-1.5 rounded-full shrink-0 stylebackground:#34d399>/div>span classtruncate>Kellaris & Kent, 1992/span>/div>/div>/div>/div>div classrelative overflow-hidden rounded-lg border border-white/10 bg-white/5 backdrop-blur-md flex flex-col w-full h-full styleopacity:0;transform:translateY(20px)>div classh-0.5 w-full shrink-0 stylebackground:linear-gradient(90deg, transparent, #fbbf24, transparent)>/div>div classp-3 ios:p-4 sm:p-5 md:p-6 lg:p-8 flex flex-col h-full justify-between>div classflex items-start justify-between mb-2 md:mb-4 lg:mb-6>div classw-8 h-8 ios:w-9 ios:h-9 sm:w-10 sm:h-10 md:w-12 md:h-12 lg:w-14 lg:h-14 rounded-md flex items-center justify-center shrink-0 stylebackground:linear-gradient(135deg, #fbbf2420, #fbbf2410)>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-shopping-bag w-4 h-4 ios:w-5 ios:h-5 md:w-6 md:h-6 lg:w-8 lg:h-8 stylecolor:#fbbf24>path dM6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z>/path>path dM3 6h18>/path>path dM16 10a4 4 0 0 1-8 0>/path>/svg>/div>div classtext-right>div classtext-xl ios:text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-black tracking-tight leading-none>span stylecolor:#fbbf24>0%/span>/div>/div>/div>div classflex-grow>h3 classtext-xs ios:text-sm sm:text-base md:text-xl lg:text-2xl font-bold text-white leading-tight mb-1 md:mb-2>Conversion/h3>p classtext-10px ios:text-xs sm:text-sm md:text-base lg:text-lg font-medium mb-1 md:mb-2 opacity-90 truncate stylecolor:#fbbf24>Impulse buys/p>p classtext-white/80 text-9px ios:text-10px sm:text-xs md:text-sm leading-tight md:leading-relaxed line-clamp-3>Dopamine improves reward anticipation./p>/div>div classmt-2 pt-2 md:mt-4 md:pt-4 border-t border-white/5>div classflex items-center gap-1 text-9px ios:text-10px sm:text-xs md:text-sm text-white/30>div classw-1 h-1 md:w-1.5 md:h-1.5 rounded-full shrink-0 stylebackground:#fbbf24>/div>span classtruncate>Mattila & Wirtz, 2001/span>/div>/div>/div>/div>/div>/div>/section>/div>div classhidden lessthanxl:block>section classrelative py-12 sm:py-20 overflow-hidden>div classrelative z-10 max-w-full mx-auto px-4 sm:px-6 lg:px-8>div classmb-20>div classrelative text-center>p classtext-purple-400 uppercase tracking-0.3em text-sm mb-4 font-medium styleopacity:0;transform:translateY(20px)>Research & Evidence/p>h2 classtext-20px ios:text-mh sm:text-2xl md:text-3xl lg:text-4xl xl:text-5xl font-bold text-white text-center mb-header>span classtext-white>The Science Behind /span>span classrelative inline-block pb-1 stylebackground:linear-gradient(135deg, #a855f7 0%, #6366f1 50%, #22d3ee 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent>Tringboxdiv classabsolute -bottom-2 left-0 right-0 h-1 rounded-full stylebackground:linear-gradient(90deg, #a855f7, #22d3ee);transform:scaleX(0)>/div>/span>/h2>p classtext-11px ios:text-texh sm:text-subh md:text-mh lg:text-xl text-purple-200/90 leading-relaxed mx-auto>Decades of peer-reviewed neuroscience research proves how engineered soundscapes influence human behavior and drive measurable business outcomes./p>div classflex flex-wrap justify-center gap-3 mt-8 styleopacity:0;transform:translateY(20px)>div classpx-4 py-2 rounded-full bg-white/5 border-2 border-white/50 text-white/70 text-sm>Peer-Reviewed/div>div classpx-4 py-2 rounded-full bg-white/5 border-2 border-white/50 text-white/70 text-sm>20+ Studies/div>div classpx-4 py-2 rounded-full bg-white/5 border-2 border-white/50 text-white/70 text-sm>Proven Results/div>/div>/div>/div>div classgrid sm:grid-cols-2 lg:grid-cols-4 gap-4 sm:gap-6 max-w-7xl mx-auto>div classrelative group cursor-pointer styleopacity:0;transform:translateY(100px) rotateX(45deg)>div classrelative styletransform-style:preserve-3d>div classabsolute -inset-4 rounded-3xl blur-2xl stylebackground:#22d3ee>/div>div classrelative overflow-hidden rounded-2xl border transition-all duration-500 border-white/10 bg-white/5 stylebackdrop-filter:blur(20px);transform-style:preserve-3d>div classh-1 w-full stylebackground:linear-gradient(90deg, transparent, #22d3ee, transparent)>/div>div classp-6 sm:p-8>div classmb-6 relative>div classw-16 h-16 rounded-2xl flex items-center justify-center stylebackground:linear-gradient(135deg, #22d3ee20, #22d3ee40);box-shadow:none>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-zap w-8 h-8 stylecolor:#22d3ee>path dM4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z>/path>/svg>/div>/div>div classmb-4>div classtext-5xl sm:text-6xl font-black tracking-tight mb-1>span stylecolor:#22d3ee>0%/span>/div>div classtext-sm text-white/50 uppercase tracking-widest>Longer Stay/div>/div>h3 classtext-xl font-bold text-white mb-2>Dwell Time/h3>p classtext-white/60 text-sm mb-4>Customers browse longer/p>div classoverflow-hidden styleheight:0px;opacity:0>p classtext-white/70 text-sm leading-relaxed mb-4>Lower BPM music triggers dopamine release, keeping customers comfortable enough to stay longer without realizing why./p>div classflex items-center gap-2 text-xs text-white/40>div classw-1 h-1 rounded-full stylebackground:#22d3ee>/div>Milliman, 1982 • Journal of Marketing/div>/div>/div>div classabsolute bottom-0 left-0 right-0 h-auto pointer-events-none stylebackground:linear-gradient(to top, #22d3ee10, transparent)>/div>/div>/div>/div>div classrelative group cursor-pointer styleopacity:0;transform:translateY(100px) rotateX(45deg)>div classrelative styletransform-style:preserve-3d>div classabsolute -inset-4 rounded-3xl blur-2xl stylebackground:#a855f7>/div>div classrelative overflow-hidden rounded-2xl border transition-all duration-500 border-white/10 bg-white/5 stylebackdrop-filter:blur(20px);transform-style:preserve-3d>div classh-1 w-full stylebackground:linear-gradient(90deg, transparent, #a855f7, transparent)>/div>div classp-6 sm:p-8>div classmb-6 relative>div classw-16 h-16 rounded-2xl flex items-center justify-center stylebackground:linear-gradient(135deg, #a855f720, #a855f740);box-shadow:none>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-brain w-8 h-8 stylecolor:#a855f7>path dM12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z>/path>path dM12 5a3 3 0 1 1 5.997.125 4 4 0 0 1 2.526 5.77 4 4 0 0 1-.556 6.588A4 4 0 1 1 12 18Z>/path>path dM15 13a4.5 4.5 0 0 1-3-4 4.5 4.5 0 0 1-3 4>/path>path dM17.599 6.5a3 3 0 0 0 .399-1.375>/path>path dM6.003 5.125A3 3 0 0 0 6.401 6.5>/path>path dM3.477 10.896a4 4 0 0 1 .585-.396>/path>path dM19.938 10.5a4 4 0 0 1 .585.396>/path>path dM6 18a4 4 0 0 1-1.967-.516>/path>path dM19.967 17.484A4 4 0 0 1 18 18>/path>/svg>/div>/div>div classmb-4>div classtext-5xl sm:text-6xl font-black tracking-tight mb-1>span stylecolor:#a855f7>0%/span>/div>div classtext-sm text-white/50 uppercase tracking-widest>Brand Recall/div>/div>h3 classtext-xl font-bold text-white mb-2>Perception/h3>p classtext-white/60 text-sm mb-4>Premium brand feel/p>div classoverflow-hidden styleheight:0px;opacity:0>p classtext-white/70 text-sm leading-relaxed mb-4>Familiar harmonic structures increase serotonin, reducing decision stress and enhancing trust in your brand./p>div classflex items-center gap-2 text-xs text-white/40>div classw-1 h-1 rounded-full stylebackground:#a855f7>/div>North & Hargreaves, 1998/div>/div>/div>div classabsolute bottom-0 left-0 right-0 h-auto pointer-events-none stylebackground:linear-gradient(to top, #a855f710, transparent)>/div>/div>/div>/div>div classrelative group cursor-pointer styleopacity:0;transform:translateY(100px) rotateX(45deg)>div classrelative styletransform-style:preserve-3d>div classabsolute -inset-4 rounded-3xl blur-2xl stylebackground:#34d399>/div>div classrelative overflow-hidden rounded-2xl border transition-all duration-500 border-white/10 bg-white/5 stylebackdrop-filter:blur(20px);transform-style:preserve-3d>div classh-1 w-full stylebackground:linear-gradient(90deg, transparent, #34d399, transparent)>/div>div classp-6 sm:p-8>div classmb-6 relative>div classw-16 h-16 rounded-2xl flex items-center justify-center stylebackground:linear-gradient(135deg, #34d39920, #34d39940);box-shadow:none>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-heart w-8 h-8 stylecolor:#34d399>path dM19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z>/path>/svg>/div>/div>div classmb-4>div classtext-5xl sm:text-6xl font-black tracking-tight mb-1>span stylecolor:#34d399>0%/span>/div>div classtext-sm text-white/50 uppercase tracking-widest>Comfort Boost/div>/div>h3 classtext-xl font-bold text-white mb-2>Experience/h3>p classtext-white/60 text-sm mb-4>Higher repeat visits/p>div classoverflow-hidden styleheight:0px;opacity:0>p classtext-white/70 text-sm leading-relaxed mb-4>Oxytocin release through emotionally safe soundscapes creates subconscious familiarity and comfort./p>div classflex items-center gap-2 text-xs text-white/40>div classw-1 h-1 rounded-full stylebackground:#34d399>/div>Kellaris & Kent, 1992/div>/div>/div>div classabsolute bottom-0 left-0 right-0 h-auto pointer-events-none stylebackground:linear-gradient(to top, #34d39910, transparent)>/div>/div>/div>/div>div classrelative group cursor-pointer styleopacity:0;transform:translateY(100px) rotateX(45deg)>div classrelative styletransform-style:preserve-3d>div classabsolute -inset-4 rounded-3xl blur-2xl stylebackground:#fbbf24>/div>div classrelative overflow-hidden rounded-2xl border transition-all duration-500 border-white/10 bg-white/5 stylebackdrop-filter:blur(20px);transform-style:preserve-3d>div classh-1 w-full stylebackground:linear-gradient(90deg, transparent, #fbbf24, transparent)>/div>div classp-6 sm:p-8>div classmb-6 relative>div classw-16 h-16 rounded-2xl flex items-center justify-center stylebackground:linear-gradient(135deg, #fbbf2420, #fbbf2440);box-shadow:none>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-shopping-bag w-8 h-8 stylecolor:#fbbf24>path dM6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z>/path>path dM3 6h18>/path>path dM16 10a4 4 0 0 1-8 0>/path>/svg>/div>/div>div classmb-4>div classtext-5xl sm:text-6xl font-black tracking-tight mb-1>span stylecolor:#fbbf24>0%/span>/div>div classtext-sm text-white/50 uppercase tracking-widest>More Sales/div>/div>h3 classtext-xl font-bold text-white mb-2>Conversion/h3>p classtext-white/60 text-sm mb-4>Impulse purchases up/p>div classoverflow-hidden styleheight:0px;opacity:0>p classtext-white/70 text-sm leading-relaxed mb-4>Dopamine elevation improves reward anticipation and reduces friction during decision making./p>div classflex items-center gap-2 text-xs text-white/40>div classw-1 h-1 rounded-full stylebackground:#fbbf24>/div>Mattila & Wirtz, 2001/div>/div>/div>div classabsolute bottom-0 left-0 right-0 h-auto pointer-events-none stylebackground:linear-gradient(to top, #fbbf2410, transparent)>/div>/div>/div>/div>/div>/div>/section>/div>/div>div idget-started classpx-4 sm:px-6 md:px-8 false>div classblock lessthanxl:hidden>div classtext-center flex flex-col >h2 classtext-20px ios:text-mh sm:text-2xl md:text-3xl lg:text-4xl xl:text-5xl font-bold text-white text-center mb-header>How to!-- --> span classbg-gradient-to-r from-purple-400 to-pink-400 bg-clip-text text-transparent>Get Started/span>/h2>p classtext-11px ios:text-texh sm:text-subh md:text-mh lg:text-xl text-purple-200/90 leading-relaxed mx-auto mb-lower> !-- -->Transform your venue in 4 simple steps/p>div classrelative w-full lg:py-8>div classabsolute inset-0 overflow-hidden pointer-events-none>div classabsolute text-purple-300/20 text-2xl styleleft:13%;top:7%>♪/div>div classabsolute text-purple-300/20 text-2xl styleleft:50%;top:60%>♪/div>div classabsolute text-purple-300/20 text-2xl styleleft:87%;top:13%>♪/div>div classabsolute text-purple-300/20 text-2xl styleleft:24%;top:66%>♪/div>div classabsolute text-purple-300/20 text-2xl styleleft:61%;top:19%>♪/div>div classabsolute text-purple-300/20 text-2xl styleleft:98%;top:72%>♪/div>div classabsolute text-purple-300/20 text-2xl styleleft:35%;top:25%>♪/div>div classabsolute text-purple-300/20 text-2xl styleleft:72%;top:78%>♪/div>div classabsolute text-purple-300/20 text-2xl styleleft:9%;top:31%>♪/div>div classabsolute text-purple-300/20 text-2xl styleleft:46%;top:84%>♪/div>div classabsolute text-purple-300/20 text-2xl styleleft:83%;top:37%>♪/div>div classabsolute text-purple-300/20 text-2xl styleleft:20%;top:90%>♪/div>div classabsolute text-purple-300/20 text-2xl styleleft:57%;top:43%>♪/div>div classabsolute text-purple-300/20 text-2xl styleleft:94%;top:96%>♪/div>div classabsolute text-purple-300/20 text-2xl styleleft:31%;top:49%>♪/div>div classabsolute text-purple-300/20 text-2xl styleleft:68%;top:2%>♪/div>div classabsolute text-purple-300/20 text-2xl styleleft:5%;top:55%>♪/div>div classabsolute text-purple-300/20 text-2xl styleleft:42%;top:8%>♪/div>div classabsolute text-purple-300/20 text-2xl styleleft:79%;top:61%>♪/div>div classabsolute text-purple-300/20 text-2xl styleleft:16%;top:14%>♪/div>div classabsolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 styletransform:translateY(50px)>div classabsolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 rounded-full border border-purple-500/10 stylewidth:200px;height:200px>/div>div classabsolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 rounded-full border border-purple-500/10 stylewidth:350px;height:350px>/div>div classabsolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 rounded-full border border-purple-500/10 stylewidth:500px;height:500px>/div>div classabsolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 rounded-full border border-purple-500/10 stylewidth:650px;height:650px>/div>/div>div classabsolute top-1/2 left-0 right-0 -translate-y-1/2 flex justify-center opacity-10>svg width100% height60 classmax-w-4xl>path dM0,30 Q50,10 100,30 T200,30 T300,30 T400,30 T500,30 T600,30 T700,30 T800,30 fillnone strokeurl(#waveGradient) stroke-width2>/path>defs>linearGradient idwaveGradient x10% y10% x2100% y20%>stop offset0% stop-color#22d3ee>/stop>stop offset50% stop-color#e879f9>/stop>stop offset100% stop-color#34d399>/stop>/linearGradient>/defs>/svg>/div>/div>div classrelative z-10 text-left grid grid-cols-1 md:grid-cols-2 xl:grid-cols-4 gap-3 md:gap-6 lg:gap-8 px-4 max-w-8xl mx-auto>div classrelative group>div classabsolute -inset-2 rounded-3xl bg-gradient-to-r from-cyan-400 via-blue-500 to-indigo-600 blur-xl>/div>div class                  relative rounded-xl overflow-hidden border border-white/10                  bg-gradient-to-br from-white/10 via-white/5 to-transparent backdrop-blur-xl h-full rounded-2xl                >div classabsolute top-0 left-0 right-0 h-1 bg-gradient-to-r from-cyan-400 via-blue-500 to-indigo-600 styletransform-origin:left;transform:scaleX(0)>/div>div classabsolute -right-16 -bottom-16 w-32 h-32 opacity-20>div classw-full h-full rounded-full border-4 border-current styleborder-color:#22d3ee>div classabsolute inset-4 rounded-full border-2 border-current opacity-50 styleborder-color:#22d3ee>/div>div classabsolute inset-8 rounded-full border border-current opacity-30 styleborder-color:#22d3ee>/div>div classabsolute inset-45% rounded-full bg-current stylebackground-color:#22d3ee>/div>/div>/div>div class                    relative z-10                     px-5 py-8 flex flex-col h-full min-h-280px                  >div classrelative mb-6>div classrelative w-16 h-16>div classabsolute inset-0 rounded-full border-2 styleborder-color:#22d3ee;opacity:0.8;transform:scale(0.8)>/div>div classabsolute inset-0 rounded-full border-2 styleborder-color:#22d3ee;opacity:0.8;transform:scale(0.8)>/div>div classabsolute inset-0 rounded-full border-2 styleborder-color:#22d3ee;opacity:0.8;transform:scale(0.8)>/div>div class                          relative w-full h-full rounded-lg flex items-center justify-center                          bg-gradient-to-br from-cyan-400 via-blue-500 to-indigo-600 rounded-2xl                        >span classtext-2xl font-bold text-white>1/span>div classabsolute -top-2 -right-2 w-6 h-6 rounded-full bg-black/50 backdrop-blur-sm flex items-center justify-center>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-music w-3 h-3 text-white>path dM9 18V5l12-2v13>/path>circle cx6 cy18 r3>/circle>circle cx18 cy16 r3>/circle>/svg>/div>/div>/div>div classabsolute left-20 top-1/2 -translate-y-1/2>div classflex items-end gap-2px h-6>div classw-1 rounded-full stylebackground-color:#22d3ee>/div>div classw-1 rounded-full stylebackground-color:#22d3ee>/div>div classw-1 rounded-full stylebackground-color:#22d3ee>/div>div classw-1 rounded-full stylebackground-color:#22d3ee>/div>div classw-1 rounded-full stylebackground-color:#22d3ee>/div>/div>/div>/div>div class>h3 classtext-xl font-bold text-white mb-0.5 md:mb-3 leading-tight>Subscribe to Tringbox/h3>p classtext-purple-200/70 text-sm leading-relaxed flex-grow>Choose a plan and activate your subscription/p>/div>div classmt-4 h-8 overflow-hidden>svg width100% height32 viewBox0 0 200 32>rect x0 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x5 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x10 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x15 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x20 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x25 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x30 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x35 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x40 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x45 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x50 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x55 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x60 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x65 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x70 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x75 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x80 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x85 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x90 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x95 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x100 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x105 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x110 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x115 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x120 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x125 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x130 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x135 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x140 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x145 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x150 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x155 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x160 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x165 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x170 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x175 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x180 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x185 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x190 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x195 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>/svg>/div>div classflex items-center gap-2 mt-3 text-white/50>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-volume2 w-4 h-4>path dM11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z>/path>path dM16 9a5 5 0 0 1 0 6>/path>path dM19.364 18.364a9 9 0 0 0 0-12.728>/path>/svg>div classflex-1 h-1 bg-white/10 rounded-full overflow-hidden>div classh-full bg-gradient-to-r from-cyan-400 via-blue-500 to-indigo-600>/div>/div>/div>/div>div classabsolute inset-0 bg-gradient-to-r from-transparent via-white/10 to-transparent -translate-x-full transition-transform duration-1000>/div>/div>div classhidden xl:block absolute top-1/2 -right-8 w-8 h-2px>div classh-full bg-gradient-to-r from-cyan-400 via-blue-500 to-indigo-600 rounded-full styletransform-origin:left>/div>div classabsolute right-0.2px -mt-4.5px top-1/2 -translate-y-1/2 w-2 h-2 rounded-full stylebackground-color:#22d3ee>/div>/div>/div>div classrelative group>div classabsolute -inset-2 rounded-3xl bg-gradient-to-r from-fuchsia-400 via-pink-500 to-rose-600 blur-xl>/div>div class                  relative rounded-xl overflow-hidden border border-white/10                  bg-gradient-to-br from-white/10 via-white/5 to-transparent backdrop-blur-xl h-full rounded-2xl                >div classabsolute top-0 left-0 right-0 h-1 bg-gradient-to-r from-fuchsia-400 via-pink-500 to-rose-600 styletransform-origin:left;transform:scaleX(0)>/div>div classabsolute -right-16 -bottom-16 w-32 h-32 opacity-20>div classw-full h-full rounded-full border-4 border-current styleborder-color:#e879f9>div classabsolute inset-4 rounded-full border-2 border-current opacity-50 styleborder-color:#e879f9>/div>div classabsolute inset-8 rounded-full border border-current opacity-30 styleborder-color:#e879f9>/div>div classabsolute inset-45% rounded-full bg-current stylebackground-color:#e879f9>/div>/div>/div>div class                    relative z-10                     px-5 py-8 flex flex-col h-full min-h-280px                  >div classrelative mb-6>div classrelative w-16 h-16>div class                          relative w-full h-full rounded-lg flex items-center justify-center                          bg-gradient-to-br from-fuchsia-400 via-pink-500 to-rose-600 rounded-2xl                        >span classtext-2xl font-bold text-white>2/span>div classabsolute -top-2 -right-2 w-6 h-6 rounded-full bg-black/50 backdrop-blur-sm flex items-center justify-center>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-headphones w-3 h-3 text-white>path dM3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3>/path>/svg>/div>/div>/div>div classabsolute left-20 top-1/2 -translate-y-1/2>div classflex items-end gap-2px h-6>div classw-1 rounded-full stylebackground-color:#e879f9>/div>div classw-1 rounded-full stylebackground-color:#e879f9>/div>div classw-1 rounded-full stylebackground-color:#e879f9>/div>div classw-1 rounded-full stylebackground-color:#e879f9>/div>div classw-1 rounded-full stylebackground-color:#e879f9>/div>/div>/div>/div>div class>h3 classtext-xl font-bold text-white mb-0.5 md:mb-3 leading-tight>Share Your Store Details/h3>p classtext-purple-200/70 text-sm leading-relaxed flex-grow>Our team helps you in a quick onboarding call/p>/div>div classmt-4 h-8 overflow-hidden>svg width100% height32 viewBox0 0 200 32>rect x0 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x5 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x10 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x15 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x20 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x25 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x30 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x35 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x40 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x45 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x50 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x55 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x60 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x65 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x70 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x75 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x80 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x85 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x90 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x95 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x100 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x105 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x110 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x115 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x120 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x125 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x130 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x135 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x140 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x145 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x150 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x155 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x160 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x165 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x170 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x175 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x180 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x185 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x190 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x195 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>/svg>/div>div classflex items-center gap-2 mt-3 text-white/50>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-volume2 w-4 h-4>path dM11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z>/path>path dM16 9a5 5 0 0 1 0 6>/path>path dM19.364 18.364a9 9 0 0 0 0-12.728>/path>/svg>div classflex-1 h-1 bg-white/10 rounded-full overflow-hidden>div classh-full bg-gradient-to-r from-fuchsia-400 via-pink-500 to-rose-600>/div>/div>/div>/div>div classabsolute inset-0 bg-gradient-to-r from-transparent via-white/10 to-transparent -translate-x-full transition-transform duration-1000>/div>/div>div classhidden xl:block absolute top-1/2 -right-8 w-8 h-2px>div classh-full bg-gradient-to-r from-fuchsia-400 via-pink-500 to-rose-600 rounded-full styletransform-origin:left>/div>div classabsolute right-0.2px -mt-4.5px top-1/2 -translate-y-1/2 w-2 h-2 rounded-full stylebackground-color:#e879f9>/div>/div>/div>div classrelative group>div classabsolute -inset-2 rounded-3xl bg-gradient-to-r from-amber-400 via-orange-500 to-red-600 blur-xl>/div>div class                  relative rounded-xl overflow-hidden border border-white/10                  bg-gradient-to-br from-white/10 via-white/5 to-transparent backdrop-blur-xl h-full rounded-2xl                >div classabsolute top-0 left-0 right-0 h-1 bg-gradient-to-r from-amber-400 via-orange-500 to-red-600 styletransform-origin:left;transform:scaleX(0)>/div>div classabsolute -right-16 -bottom-16 w-32 h-32 opacity-20>div classw-full h-full rounded-full border-4 border-current styleborder-color:#fbbf24>div classabsolute inset-4 rounded-full border-2 border-current opacity-50 styleborder-color:#fbbf24>/div>div classabsolute inset-8 rounded-full border border-current opacity-30 styleborder-color:#fbbf24>/div>div classabsolute inset-45% rounded-full bg-current stylebackground-color:#fbbf24>/div>/div>/div>div class                    relative z-10                     px-5 py-8 flex flex-col h-full min-h-280px                  >div classrelative mb-6>div classrelative w-16 h-16>div class                          relative w-full h-full rounded-lg flex items-center justify-center                          bg-gradient-to-br from-amber-400 via-orange-500 to-red-600 rounded-2xl                        >span classtext-2xl font-bold text-white>3/span>div classabsolute -top-2 -right-2 w-6 h-6 rounded-full bg-black/50 backdrop-blur-sm flex items-center justify-center>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-radio w-3 h-3 text-white>path dM4.9 19.1C1 15.2 1 8.8 4.9 4.9>/path>path dM7.8 16.2c-2.3-2.3-2.3-6.1 0-8.5>/path>circle cx12 cy12 r2>/circle>path dM16.2 7.8c2.3 2.3 2.3 6.1 0 8.5>/path>path dM19.1 4.9C23 8.8 23 15.1 19.1 19>/path>/svg>/div>/div>/div>div classabsolute left-20 top-1/2 -translate-y-1/2>div classflex items-end gap-2px h-6>div classw-1 rounded-full stylebackground-color:#fbbf24>/div>div classw-1 rounded-full stylebackground-color:#fbbf24>/div>div classw-1 rounded-full stylebackground-color:#fbbf24>/div>div classw-1 rounded-full stylebackground-color:#fbbf24>/div>div classw-1 rounded-full stylebackground-color:#fbbf24>/div>/div>/div>/div>div class>h3 classtext-xl font-bold text-white mb-0.5 md:mb-3 leading-tight>AI Training (Upto 72 Hrs)/h3>p classtext-purple-200/70 text-sm leading-relaxed flex-grow>We tune the engine specifically for your brand/p>/div>div classmt-4 h-8 overflow-hidden>svg width100% height32 viewBox0 0 200 32>rect x0 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x5 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x10 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x15 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x20 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x25 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x30 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x35 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x40 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x45 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x50 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x55 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x60 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x65 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x70 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x75 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x80 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x85 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x90 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x95 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x100 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x105 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x110 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x115 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x120 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x125 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x130 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x135 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x140 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x145 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x150 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x155 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x160 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x165 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x170 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x175 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x180 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x185 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x190 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x195 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>/svg>/div>div classflex items-center gap-2 mt-3 text-white/50>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-volume2 w-4 h-4>path dM11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z>/path>path dM16 9a5 5 0 0 1 0 6>/path>path dM19.364 18.364a9 9 0 0 0 0-12.728>/path>/svg>div classflex-1 h-1 bg-white/10 rounded-full overflow-hidden>div classh-full bg-gradient-to-r from-amber-400 via-orange-500 to-red-600>/div>/div>/div>/div>div classabsolute inset-0 bg-gradient-to-r from-transparent via-white/10 to-transparent -translate-x-full transition-transform duration-1000>/div>/div>div classhidden xl:block absolute top-1/2 -right-8 w-8 h-2px>div classh-full bg-gradient-to-r from-amber-400 via-orange-500 to-red-600 rounded-full styletransform-origin:left>/div>div classabsolute right-0.2px -mt-4.5px top-1/2 -translate-y-1/2 w-2 h-2 rounded-full stylebackground-color:#fbbf24>/div>/div>/div>div classrelative group>div classabsolute -inset-2 rounded-3xl bg-gradient-to-r from-emerald-400 via-teal-500 to-cyan-600 blur-xl>/div>div class                  relative rounded-xl overflow-hidden border border-white/10                  bg-gradient-to-br from-white/10 via-white/5 to-transparent backdrop-blur-xl h-full rounded-2xl                >div classabsolute top-0 left-0 right-0 h-1 bg-gradient-to-r from-emerald-400 via-teal-500 to-cyan-600 styletransform-origin:left;transform:scaleX(0)>/div>div classabsolute -right-16 -bottom-16 w-32 h-32 opacity-20>div classw-full h-full rounded-full border-4 border-current styleborder-color:#34d399>div classabsolute inset-4 rounded-full border-2 border-current opacity-50 styleborder-color:#34d399>/div>div classabsolute inset-8 rounded-full border border-current opacity-30 styleborder-color:#34d399>/div>div classabsolute inset-45% rounded-full bg-current stylebackground-color:#34d399>/div>/div>/div>div class                    relative z-10                     px-5 py-8 flex flex-col h-full min-h-280px                  >div classrelative mb-6>div classrelative w-16 h-16>div class                          relative w-full h-full rounded-lg flex items-center justify-center                          bg-gradient-to-br from-emerald-400 via-teal-500 to-cyan-600 rounded-2xl                        >span classtext-2xl font-bold text-white>4/span>div classabsolute -top-2 -right-2 w-6 h-6 rounded-full bg-black/50 backdrop-blur-sm flex items-center justify-center>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-play w-3 h-3 text-white>polygon points6 3 20 12 6 21 6 3>/polygon>/svg>/div>/div>/div>div classabsolute left-20 top-1/2 -translate-y-1/2>div classflex items-end gap-2px h-6>div classw-1 rounded-full stylebackground-color:#34d399>/div>div classw-1 rounded-full stylebackground-color:#34d399>/div>div classw-1 rounded-full stylebackground-color:#34d399>/div>div classw-1 rounded-full stylebackground-color:#34d399>/div>div classw-1 rounded-full stylebackground-color:#34d399>/div>/div>/div>/div>div class>h3 classtext-xl font-bold text-white mb-0.5 md:mb-3 leading-tight>Login & Play/h3>p classtext-purple-200/70 text-sm leading-relaxed flex-grow>No hardware needed. Works on any device./p>/div>div classmt-4 h-8 overflow-hidden>svg width100% height32 viewBox0 0 200 32>rect x0 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x5 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x10 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x15 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x20 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x25 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x30 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x35 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x40 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x45 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x50 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x55 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x60 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x65 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x70 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x75 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x80 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x85 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x90 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x95 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x100 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x105 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x110 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x115 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x120 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x125 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x130 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x135 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x140 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x145 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x150 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x155 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x160 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x165 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x170 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x175 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x180 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x185 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x190 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x195 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>/svg>/div>div classflex items-center gap-2 mt-3 text-white/50>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-volume2 w-4 h-4>path dM11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z>/path>path dM16 9a5 5 0 0 1 0 6>/path>path dM19.364 18.364a9 9 0 0 0 0-12.728>/path>/svg>div classflex-1 h-1 bg-white/10 rounded-full overflow-hidden>div classh-full bg-gradient-to-r from-emerald-400 via-teal-500 to-cyan-600>/div>/div>/div>/div>div classabsolute inset-0 bg-gradient-to-r from-transparent via-white/10 to-transparent -translate-x-full transition-transform duration-1000>/div>/div>/div>/div>/div>/div>/div>div classhidden lessthanxl:block>section classrelative py-8  px-4 sm:px-6 lg:px-8 overflow-hidden>div classabsolute inset-0 pointer-events-none>div classabsolute inset-0  via-transparent to-purple-900/30>/div>/div>div classmax-w-7xl mx-auto relative z-10>div classtext-center mb-4>h2 classtext-20px ios:text-mh sm:text-2xl md:text-3xl lg:text-4xl xl:text-5xl font-bold text-white text-center mb-header>span classbg-gradient-to-r from-white via-purple-100 to-white bg-clip-text text-transparent inline-block>How to Get Started/span>/h2>p classtext-11px ios:text-texh sm:text-subh md:text-mh lg:text-xl text-purple-200/90 leading-relaxed mx-auto>Transform your venue's atmosphere in four simple steps. No complex setup, no hardware required./p>/div>div classrelative w-full lg:py-8>div classabsolute inset-0 overflow-hidden pointer-events-none>div classabsolute text-purple-300/20 text-2xl styleleft:13%;top:7%>♪/div>div classabsolute text-purple-300/20 text-2xl styleleft:50%;top:60%>♪/div>div classabsolute text-purple-300/20 text-2xl styleleft:87%;top:13%>♪/div>div classabsolute text-purple-300/20 text-2xl styleleft:24%;top:66%>♪/div>div classabsolute text-purple-300/20 text-2xl styleleft:61%;top:19%>♪/div>div classabsolute text-purple-300/20 text-2xl styleleft:98%;top:72%>♪/div>div classabsolute text-purple-300/20 text-2xl styleleft:35%;top:25%>♪/div>div classabsolute text-purple-300/20 text-2xl styleleft:72%;top:78%>♪/div>div classabsolute text-purple-300/20 text-2xl styleleft:9%;top:31%>♪/div>div classabsolute text-purple-300/20 text-2xl styleleft:46%;top:84%>♪/div>div classabsolute text-purple-300/20 text-2xl styleleft:83%;top:37%>♪/div>div classabsolute text-purple-300/20 text-2xl styleleft:20%;top:90%>♪/div>div classabsolute text-purple-300/20 text-2xl styleleft:57%;top:43%>♪/div>div classabsolute text-purple-300/20 text-2xl styleleft:94%;top:96%>♪/div>div classabsolute text-purple-300/20 text-2xl styleleft:31%;top:49%>♪/div>div classabsolute text-purple-300/20 text-2xl styleleft:68%;top:2%>♪/div>div classabsolute text-purple-300/20 text-2xl styleleft:5%;top:55%>♪/div>div classabsolute text-purple-300/20 text-2xl styleleft:42%;top:8%>♪/div>div classabsolute text-purple-300/20 text-2xl styleleft:79%;top:61%>♪/div>div classabsolute text-purple-300/20 text-2xl styleleft:16%;top:14%>♪/div>div classabsolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 styletransform:translateY(50px)>div classabsolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 rounded-full border border-purple-500/10 stylewidth:200px;height:200px>/div>div classabsolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 rounded-full border border-purple-500/10 stylewidth:350px;height:350px>/div>div classabsolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 rounded-full border border-purple-500/10 stylewidth:500px;height:500px>/div>div classabsolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 rounded-full border border-purple-500/10 stylewidth:650px;height:650px>/div>/div>div classabsolute top-1/2 left-0 right-0 -translate-y-1/2 flex justify-center opacity-10>svg width100% height60 classmax-w-4xl>path dM0,30 Q50,10 100,30 T200,30 T300,30 T400,30 T500,30 T600,30 T700,30 T800,30 fillnone strokeurl(#waveGradient) stroke-width2>/path>defs>linearGradient idwaveGradient x10% y10% x2100% y20%>stop offset0% stop-color#22d3ee>/stop>stop offset50% stop-color#e879f9>/stop>stop offset100% stop-color#34d399>/stop>/linearGradient>/defs>/svg>/div>/div>div classrelative z-10 text-left grid grid-cols-1 md:grid-cols-2 xl:grid-cols-4 gap-3 md:gap-6 lg:gap-8 px-4 max-w-8xl mx-auto>div classrelative group>div classabsolute -inset-2 rounded-3xl bg-gradient-to-r from-cyan-400 via-blue-500 to-indigo-600 blur-xl>/div>div class                  relative rounded-xl overflow-hidden border border-white/10                  bg-gradient-to-br from-white/10 via-white/5 to-transparent backdrop-blur-xl h-full rounded-2xl                >div classabsolute top-0 left-0 right-0 h-1 bg-gradient-to-r from-cyan-400 via-blue-500 to-indigo-600 styletransform-origin:left;transform:scaleX(0)>/div>div classabsolute -right-16 -bottom-16 w-32 h-32 opacity-20>div classw-full h-full rounded-full border-4 border-current styleborder-color:#22d3ee>div classabsolute inset-4 rounded-full border-2 border-current opacity-50 styleborder-color:#22d3ee>/div>div classabsolute inset-8 rounded-full border border-current opacity-30 styleborder-color:#22d3ee>/div>div classabsolute inset-45% rounded-full bg-current stylebackground-color:#22d3ee>/div>/div>/div>div class                    relative z-10                     px-5 py-8 flex flex-col h-full min-h-280px                  >div classrelative mb-6>div classrelative w-16 h-16>div classabsolute inset-0 rounded-full border-2 styleborder-color:#22d3ee;opacity:0.8;transform:scale(0.8)>/div>div classabsolute inset-0 rounded-full border-2 styleborder-color:#22d3ee;opacity:0.8;transform:scale(0.8)>/div>div classabsolute inset-0 rounded-full border-2 styleborder-color:#22d3ee;opacity:0.8;transform:scale(0.8)>/div>div class                          relative w-full h-full rounded-lg flex items-center justify-center                          bg-gradient-to-br from-cyan-400 via-blue-500 to-indigo-600 rounded-2xl                        >span classtext-2xl font-bold text-white>1/span>div classabsolute -top-2 -right-2 w-6 h-6 rounded-full bg-black/50 backdrop-blur-sm flex items-center justify-center>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-music w-3 h-3 text-white>path dM9 18V5l12-2v13>/path>circle cx6 cy18 r3>/circle>circle cx18 cy16 r3>/circle>/svg>/div>/div>/div>div classabsolute left-20 top-1/2 -translate-y-1/2>div classflex items-end gap-2px h-6>div classw-1 rounded-full stylebackground-color:#22d3ee>/div>div classw-1 rounded-full stylebackground-color:#22d3ee>/div>div classw-1 rounded-full stylebackground-color:#22d3ee>/div>div classw-1 rounded-full stylebackground-color:#22d3ee>/div>div classw-1 rounded-full stylebackground-color:#22d3ee>/div>/div>/div>/div>div class>h3 classtext-xl font-bold text-white mb-0.5 md:mb-3 leading-tight>Subscribe to Tringbox/h3>p classtext-purple-200/70 text-sm leading-relaxed flex-grow>Choose a plan and activate your subscription/p>/div>div classmt-4 h-8 overflow-hidden>svg width100% height32 viewBox0 0 200 32>rect x0 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x5 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x10 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x15 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x20 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x25 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x30 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x35 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x40 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x45 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x50 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x55 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x60 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x65 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x70 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x75 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x80 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x85 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x90 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x95 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x100 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x105 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x110 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x115 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x120 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x125 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x130 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x135 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x140 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x145 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x150 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x155 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x160 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x165 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x170 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x175 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x180 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x185 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x190 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>rect x195 y16 width3 height8 rx1 fill#22d3ee styleopacity:0.6>/rect>/svg>/div>div classflex items-center gap-2 mt-3 text-white/50>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-volume2 w-4 h-4>path dM11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z>/path>path dM16 9a5 5 0 0 1 0 6>/path>path dM19.364 18.364a9 9 0 0 0 0-12.728>/path>/svg>div classflex-1 h-1 bg-white/10 rounded-full overflow-hidden>div classh-full bg-gradient-to-r from-cyan-400 via-blue-500 to-indigo-600>/div>/div>/div>/div>div classabsolute inset-0 bg-gradient-to-r from-transparent via-white/10 to-transparent -translate-x-full transition-transform duration-1000>/div>/div>div classhidden xl:block absolute top-1/2 -right-8 w-8 h-2px>div classh-full bg-gradient-to-r from-cyan-400 via-blue-500 to-indigo-600 rounded-full styletransform-origin:left>/div>div classabsolute right-0.2px -mt-4.5px top-1/2 -translate-y-1/2 w-2 h-2 rounded-full stylebackground-color:#22d3ee>/div>/div>/div>div classrelative group>div classabsolute -inset-2 rounded-3xl bg-gradient-to-r from-fuchsia-400 via-pink-500 to-rose-600 blur-xl>/div>div class                  relative rounded-xl overflow-hidden border border-white/10                  bg-gradient-to-br from-white/10 via-white/5 to-transparent backdrop-blur-xl h-full rounded-2xl                >div classabsolute top-0 left-0 right-0 h-1 bg-gradient-to-r from-fuchsia-400 via-pink-500 to-rose-600 styletransform-origin:left;transform:scaleX(0)>/div>div classabsolute -right-16 -bottom-16 w-32 h-32 opacity-20>div classw-full h-full rounded-full border-4 border-current styleborder-color:#e879f9>div classabsolute inset-4 rounded-full border-2 border-current opacity-50 styleborder-color:#e879f9>/div>div classabsolute inset-8 rounded-full border border-current opacity-30 styleborder-color:#e879f9>/div>div classabsolute inset-45% rounded-full bg-current stylebackground-color:#e879f9>/div>/div>/div>div class                    relative z-10                     px-5 py-8 flex flex-col h-full min-h-280px                  >div classrelative mb-6>div classrelative w-16 h-16>div class                          relative w-full h-full rounded-lg flex items-center justify-center                          bg-gradient-to-br from-fuchsia-400 via-pink-500 to-rose-600 rounded-2xl                        >span classtext-2xl font-bold text-white>2/span>div classabsolute -top-2 -right-2 w-6 h-6 rounded-full bg-black/50 backdrop-blur-sm flex items-center justify-center>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-headphones w-3 h-3 text-white>path dM3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3>/path>/svg>/div>/div>/div>div classabsolute left-20 top-1/2 -translate-y-1/2>div classflex items-end gap-2px h-6>div classw-1 rounded-full stylebackground-color:#e879f9>/div>div classw-1 rounded-full stylebackground-color:#e879f9>/div>div classw-1 rounded-full stylebackground-color:#e879f9>/div>div classw-1 rounded-full stylebackground-color:#e879f9>/div>div classw-1 rounded-full stylebackground-color:#e879f9>/div>/div>/div>/div>div class>h3 classtext-xl font-bold text-white mb-0.5 md:mb-3 leading-tight>Share Your Store Details/h3>p classtext-purple-200/70 text-sm leading-relaxed flex-grow>Our team helps you in a quick onboarding call/p>/div>div classmt-4 h-8 overflow-hidden>svg width100% height32 viewBox0 0 200 32>rect x0 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x5 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x10 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x15 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x20 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x25 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x30 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x35 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x40 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x45 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x50 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x55 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x60 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x65 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x70 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x75 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x80 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x85 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x90 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x95 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x100 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x105 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x110 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x115 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x120 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x125 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x130 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x135 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x140 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x145 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x150 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x155 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x160 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x165 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x170 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x175 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x180 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x185 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x190 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>rect x195 y16 width3 height8 rx1 fill#e879f9 styleopacity:0.6>/rect>/svg>/div>div classflex items-center gap-2 mt-3 text-white/50>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-volume2 w-4 h-4>path dM11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z>/path>path dM16 9a5 5 0 0 1 0 6>/path>path dM19.364 18.364a9 9 0 0 0 0-12.728>/path>/svg>div classflex-1 h-1 bg-white/10 rounded-full overflow-hidden>div classh-full bg-gradient-to-r from-fuchsia-400 via-pink-500 to-rose-600>/div>/div>/div>/div>div classabsolute inset-0 bg-gradient-to-r from-transparent via-white/10 to-transparent -translate-x-full transition-transform duration-1000>/div>/div>div classhidden xl:block absolute top-1/2 -right-8 w-8 h-2px>div classh-full bg-gradient-to-r from-fuchsia-400 via-pink-500 to-rose-600 rounded-full styletransform-origin:left>/div>div classabsolute right-0.2px -mt-4.5px top-1/2 -translate-y-1/2 w-2 h-2 rounded-full stylebackground-color:#e879f9>/div>/div>/div>div classrelative group>div classabsolute -inset-2 rounded-3xl bg-gradient-to-r from-amber-400 via-orange-500 to-red-600 blur-xl>/div>div class                  relative rounded-xl overflow-hidden border border-white/10                  bg-gradient-to-br from-white/10 via-white/5 to-transparent backdrop-blur-xl h-full rounded-2xl                >div classabsolute top-0 left-0 right-0 h-1 bg-gradient-to-r from-amber-400 via-orange-500 to-red-600 styletransform-origin:left;transform:scaleX(0)>/div>div classabsolute -right-16 -bottom-16 w-32 h-32 opacity-20>div classw-full h-full rounded-full border-4 border-current styleborder-color:#fbbf24>div classabsolute inset-4 rounded-full border-2 border-current opacity-50 styleborder-color:#fbbf24>/div>div classabsolute inset-8 rounded-full border border-current opacity-30 styleborder-color:#fbbf24>/div>div classabsolute inset-45% rounded-full bg-current stylebackground-color:#fbbf24>/div>/div>/div>div class                    relative z-10                     px-5 py-8 flex flex-col h-full min-h-280px                  >div classrelative mb-6>div classrelative w-16 h-16>div class                          relative w-full h-full rounded-lg flex items-center justify-center                          bg-gradient-to-br from-amber-400 via-orange-500 to-red-600 rounded-2xl                        >span classtext-2xl font-bold text-white>3/span>div classabsolute -top-2 -right-2 w-6 h-6 rounded-full bg-black/50 backdrop-blur-sm flex items-center justify-center>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-radio w-3 h-3 text-white>path dM4.9 19.1C1 15.2 1 8.8 4.9 4.9>/path>path dM7.8 16.2c-2.3-2.3-2.3-6.1 0-8.5>/path>circle cx12 cy12 r2>/circle>path dM16.2 7.8c2.3 2.3 2.3 6.1 0 8.5>/path>path dM19.1 4.9C23 8.8 23 15.1 19.1 19>/path>/svg>/div>/div>/div>div classabsolute left-20 top-1/2 -translate-y-1/2>div classflex items-end gap-2px h-6>div classw-1 rounded-full stylebackground-color:#fbbf24>/div>div classw-1 rounded-full stylebackground-color:#fbbf24>/div>div classw-1 rounded-full stylebackground-color:#fbbf24>/div>div classw-1 rounded-full stylebackground-color:#fbbf24>/div>div classw-1 rounded-full stylebackground-color:#fbbf24>/div>/div>/div>/div>div class>h3 classtext-xl font-bold text-white mb-0.5 md:mb-3 leading-tight>AI Training (Upto 72 Hrs)/h3>p classtext-purple-200/70 text-sm leading-relaxed flex-grow>We tune the engine specifically for your brand/p>/div>div classmt-4 h-8 overflow-hidden>svg width100% height32 viewBox0 0 200 32>rect x0 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x5 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x10 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x15 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x20 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x25 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x30 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x35 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x40 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x45 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x50 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x55 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x60 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x65 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x70 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x75 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x80 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x85 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x90 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x95 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x100 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x105 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x110 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x115 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x120 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x125 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x130 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x135 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x140 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x145 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x150 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x155 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x160 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x165 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x170 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x175 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x180 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x185 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x190 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>rect x195 y16 width3 height8 rx1 fill#fbbf24 styleopacity:0.6>/rect>/svg>/div>div classflex items-center gap-2 mt-3 text-white/50>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-volume2 w-4 h-4>path dM11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z>/path>path dM16 9a5 5 0 0 1 0 6>/path>path dM19.364 18.364a9 9 0 0 0 0-12.728>/path>/svg>div classflex-1 h-1 bg-white/10 rounded-full overflow-hidden>div classh-full bg-gradient-to-r from-amber-400 via-orange-500 to-red-600>/div>/div>/div>/div>div classabsolute inset-0 bg-gradient-to-r from-transparent via-white/10 to-transparent -translate-x-full transition-transform duration-1000>/div>/div>div classhidden xl:block absolute top-1/2 -right-8 w-8 h-2px>div classh-full bg-gradient-to-r from-amber-400 via-orange-500 to-red-600 rounded-full styletransform-origin:left>/div>div classabsolute right-0.2px -mt-4.5px top-1/2 -translate-y-1/2 w-2 h-2 rounded-full stylebackground-color:#fbbf24>/div>/div>/div>div classrelative group>div classabsolute -inset-2 rounded-3xl bg-gradient-to-r from-emerald-400 via-teal-500 to-cyan-600 blur-xl>/div>div class                  relative rounded-xl overflow-hidden border border-white/10                  bg-gradient-to-br from-white/10 via-white/5 to-transparent backdrop-blur-xl h-full rounded-2xl                >div classabsolute top-0 left-0 right-0 h-1 bg-gradient-to-r from-emerald-400 via-teal-500 to-cyan-600 styletransform-origin:left;transform:scaleX(0)>/div>div classabsolute -right-16 -bottom-16 w-32 h-32 opacity-20>div classw-full h-full rounded-full border-4 border-current styleborder-color:#34d399>div classabsolute inset-4 rounded-full border-2 border-current opacity-50 styleborder-color:#34d399>/div>div classabsolute inset-8 rounded-full border border-current opacity-30 styleborder-color:#34d399>/div>div classabsolute inset-45% rounded-full bg-current stylebackground-color:#34d399>/div>/div>/div>div class                    relative z-10                     px-5 py-8 flex flex-col h-full min-h-280px                  >div classrelative mb-6>div classrelative w-16 h-16>div class                          relative w-full h-full rounded-lg flex items-center justify-center                          bg-gradient-to-br from-emerald-400 via-teal-500 to-cyan-600 rounded-2xl                        >span classtext-2xl font-bold text-white>4/span>div classabsolute -top-2 -right-2 w-6 h-6 rounded-full bg-black/50 backdrop-blur-sm flex items-center justify-center>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-play w-3 h-3 text-white>polygon points6 3 20 12 6 21 6 3>/polygon>/svg>/div>/div>/div>div classabsolute left-20 top-1/2 -translate-y-1/2>div classflex items-end gap-2px h-6>div classw-1 rounded-full stylebackground-color:#34d399>/div>div classw-1 rounded-full stylebackground-color:#34d399>/div>div classw-1 rounded-full stylebackground-color:#34d399>/div>div classw-1 rounded-full stylebackground-color:#34d399>/div>div classw-1 rounded-full stylebackground-color:#34d399>/div>/div>/div>/div>div class>h3 classtext-xl font-bold text-white mb-0.5 md:mb-3 leading-tight>Login & Play/h3>p classtext-purple-200/70 text-sm leading-relaxed flex-grow>No hardware needed. Works on any device./p>/div>div classmt-4 h-8 overflow-hidden>svg width100% height32 viewBox0 0 200 32>rect x0 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x5 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x10 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x15 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x20 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x25 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x30 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x35 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x40 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x45 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x50 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x55 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x60 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x65 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x70 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x75 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x80 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x85 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x90 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x95 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x100 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x105 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x110 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x115 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x120 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x125 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x130 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x135 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x140 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x145 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x150 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x155 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x160 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x165 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x170 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x175 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x180 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x185 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x190 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>rect x195 y16 width3 height8 rx1 fill#34d399 styleopacity:0.6>/rect>/svg>/div>div classflex items-center gap-2 mt-3 text-white/50>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-volume2 w-4 h-4>path dM11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z>/path>path dM16 9a5 5 0 0 1 0 6>/path>path dM19.364 18.364a9 9 0 0 0 0-12.728>/path>/svg>div classflex-1 h-1 bg-white/10 rounded-full overflow-hidden>div classh-full bg-gradient-to-r from-emerald-400 via-teal-500 to-cyan-600>/div>/div>/div>/div>div classabsolute inset-0 bg-gradient-to-r from-transparent via-white/10 to-transparent -translate-x-full transition-transform duration-1000>/div>/div>/div>/div>/div>/div>/section>/div>/div>div idtringbox-differences classpx-4 sm:px-6 md:px-8 false>div classblock lessthanxl:hidden>section classrelative  overflow-hidden>div classrelative z-10 w-full mx-auto >div classtext-center mb-8 md:mb-12>h2 classtext-20px ios:text-mh sm:text-2xl md:text-3xl lg:text-4xl xl:text-5xl font-bold text-white text-center mb-header>span classfont-bold text-white mb-4 text-center>How Tringbox is!-- --> span classbg-gradient-to-r from-purple-400 to-pink-400 bg-clip-text text-transparent>Ambiance/span>/span>/h2>p classtext-11px ios:text-texh sm:text-subh md:text-mh lg:text-xl text-purple-200/90 leading-relaxed mx-auto mb-lower>Adaptive music for any environment/p>/div>div classrelative w-full max-w-full mx-auto styleopacity:0;transform:translateY(30px)>div classrelative backdrop-blur-xl rounded-xl border border-purple-400/20 bg-white/5 overflow-hidden shadow-2xl>div classgrid grid-cols-12 gap-1 py-3 px-2 sm:px-4 bg-gradient-to-r from-purple-900/50 via-violet-900/50 to-purple-900/50 border-b border-purple-400/20>div classcol-span-4 flex items-center>span classtext-purple-200 text-10px sm:text-xs font-semibold tracking-wider uppercase pl-1>Feature/span>/div>div classcol-span-4 flex items-center justify-center>div classw-full max-w-90px sm:max-w-120px flex justify-center py-1.5 rounded-md >span classtext-red-300 text-10px sm:text-xs font-bold tracking-wider uppercase truncate px-1>Traditional/span>/div>/div>div classcol-span-4 flex items-center justify-center>div classw-full max-w-90px sm:max-w-120px flex justify-center py-1.5 rounded-md >span classtext-green-500 text-10px sm:text-xs font-bold tracking-wider uppercase truncate px-1>Tringbox AI/span>/div>/div>/div>div classdivide-y divide-purple-400/10>div classgrid grid-cols-12 gap-1 px-2 sm:px-4 py-2.5 cursor-pointer transition-all duration-300 hover:bg-purple-500/5 styleopacity:0;transform:translateX(-10px)>div classcol-span-4 flex items-center>span classtext-10px sm:text-xs md:text-sm leading-tight transition-colors duration-300 pl-1 text-purple-100/70 font-medium"                        }>Additional Hardware/span>/div>div classcol-span-4 flex items-center justify-center>div classflex flex-col items-center justify-center gap-1 sm:gap-2>svg xmlnshttp://www.w3.org/2000/svg width14 height14 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width4 stroke-linecapround stroke-linejoinround classlucide lucide-x text-red-500 sm:w-4 sm:h-4>path dM18 6 6 18>/path>path dm6 6 12 12>/path>/svg>p classtext-10px sm:text-xs font-medium text-center text-white/80>Yes/p>/div>/div>div classcol-span-4 flex items-center justify-center>div classflex flex-col  items-center justify-center gap-1 sm:gap-2>svg xmlnshttp://www.w3.org/2000/svg width14 height14 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width4 stroke-linecapround stroke-linejoinround classlucide lucide-check text-green-400 sm:w-4 sm:h-4>path dM20 6 9 17l-5-5>/path>/svg>p classtext-10px sm:text-xs font-medium text-center text-white/80>No/p>/div>/div>/div>div classgrid grid-cols-12 gap-1 px-2 sm:px-4 py-2.5 cursor-pointer transition-all duration-300 hover:bg-purple-500/5 styleopacity:0;transform:translateX(-10px)>div classcol-span-4 flex items-center>span classtext-10px sm:text-xs md:text-sm leading-tight transition-colors duration-300 pl-1 text-purple-100/70 font-medium"                        }>Context Awareness (Temp, Weather)/span>/div>div classcol-span-4 flex items-center justify-center>div classflex flex-col items-center justify-center gap-1 sm:gap-2>svg xmlnshttp://www.w3.org/2000/svg width14 height14 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width4 stroke-linecapround stroke-linejoinround classlucide lucide-x text-red-500 sm:w-4 sm:h-4>path dM18 6 6 18>/path>path dm6 6 12 12>/path>/svg>p classtext-10px sm:text-xs font-medium text-center text-white/80>No/p>/div>/div>div classcol-span-4 flex items-center justify-center>div classflex flex-col  items-center justify-center gap-1 sm:gap-2>svg xmlnshttp://www.w3.org/2000/svg width14 height14 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width4 stroke-linecapround stroke-linejoinround classlucide lucide-check text-green-400 sm:w-4 sm:h-4>path dM20 6 9 17l-5-5>/path>/svg>p classtext-10px sm:text-xs font-medium text-center text-white/80>Yes/p>/div>/div>/div>div classgrid grid-cols-12 gap-1 px-2 sm:px-4 py-2.5 cursor-pointer transition-all duration-300 hover:bg-purple-500/5 styleopacity:0;transform:translateX(-10px)>div classcol-span-4 flex items-center>span classtext-10px sm:text-xs md:text-sm leading-tight transition-colors duration-300 pl-1 text-purple-100/70 font-medium"                        }>Real Time AI Music/span>/div>div classcol-span-4 flex items-center justify-center>div classflex flex-col items-center justify-center gap-1 sm:gap-2>svg xmlnshttp://www.w3.org/2000/svg width14 height14 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width4 stroke-linecapround stroke-linejoinround classlucide lucide-x text-red-500 sm:w-4 sm:h-4>path dM18 6 6 18>/path>path dm6 6 12 12>/path>/svg>p classtext-10px sm:text-xs font-medium text-center text-white/80>No/p>/div>/div>div classcol-span-4 flex items-center justify-center>div classflex flex-col  items-center justify-center gap-1 sm:gap-2>svg xmlnshttp://www.w3.org/2000/svg width14 height14 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width4 stroke-linecapround stroke-linejoinround classlucide lucide-check text-green-400 sm:w-4 sm:h-4>path dM20 6 9 17l-5-5>/path>/svg>p classtext-10px sm:text-xs font-medium text-center text-white/80>Yes/p>/div>/div>/div>div classgrid grid-cols-12 gap-1 px-2 sm:px-4 py-2.5 cursor-pointer transition-all duration-300 hover:bg-purple-500/5 styleopacity:0;transform:translateX(-10px)>div classcol-span-4 flex items-center>span classtext-10px sm:text-xs md:text-sm leading-tight transition-colors duration-300 pl-1 text-purple-100/70 font-medium"                        }>Neuroscience Based/span>/div>div classcol-span-4 flex items-center justify-center>div classflex flex-col items-center justify-center gap-1 sm:gap-2>svg xmlnshttp://www.w3.org/2000/svg width14 height14 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width4 stroke-linecapround stroke-linejoinround classlucide lucide-x text-red-500 sm:w-4 sm:h-4>path dM18 6 6 18>/path>path dm6 6 12 12>/path>/svg>p classtext-10px sm:text-xs font-medium text-center text-white/80>No/p>/div>/div>div classcol-span-4 flex items-center justify-center>div classflex flex-col  items-center justify-center gap-1 sm:gap-2>svg xmlnshttp://www.w3.org/2000/svg width14 height14 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width4 stroke-linecapround stroke-linejoinround classlucide lucide-check text-green-400 sm:w-4 sm:h-4>path dM20 6 9 17l-5-5>/path>/svg>p classtext-10px sm:text-xs font-medium text-center text-white/80>Yes/p>/div>/div>/div>div classgrid grid-cols-12 gap-1 px-2 sm:px-4 py-2.5 cursor-pointer transition-all duration-300 hover:bg-purple-500/5 styleopacity:0;transform:translateX(-10px)>div classcol-span-4 flex items-center>span classtext-10px sm:text-xs md:text-sm leading-tight transition-colors duration-300 pl-1 text-purple-100/70 font-medium"                        }>Platform Agnostic/span>/div>div classcol-span-4 flex items-center justify-center>div classflex flex-col items-center justify-center gap-1 sm:gap-2>svg xmlnshttp://www.w3.org/2000/svg width14 height14 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width4 stroke-linecapround stroke-linejoinround classlucide lucide-x text-red-500 sm:w-4 sm:h-4>path dM18 6 6 18>/path>path dm6 6 12 12>/path>/svg>p classtext-10px sm:text-xs font-medium text-center text-white/80>Limited/p>/div>/div>div classcol-span-4 flex items-center justify-center>div classflex flex-col  items-center justify-center gap-1 sm:gap-2>svg xmlnshttp://www.w3.org/2000/svg width14 height14 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width4 stroke-linecapround stroke-linejoinround classlucide lucide-check text-green-400 sm:w-4 sm:h-4>path dM20 6 9 17l-5-5>/path>/svg>p classtext-10px sm:text-xs font-medium text-center text-white/80>Yes/p>/div>/div>/div>div classgrid grid-cols-12 gap-1 px-2 sm:px-4 py-2.5 cursor-pointer transition-all duration-300 hover:bg-purple-500/5 styleopacity:0;transform:translateX(-10px)>div classcol-span-4 flex items-center>span classtext-10px sm:text-xs md:text-sm leading-tight transition-colors duration-300 pl-1 text-purple-100/70 font-medium"                        }>High Music Repitition/span>/div>div classcol-span-4 flex items-center justify-center>div classflex flex-col items-center justify-center gap-1 sm:gap-2>svg xmlnshttp://www.w3.org/2000/svg width14 height14 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width4 stroke-linecapround stroke-linejoinround classlucide lucide-x text-red-500 sm:w-4 sm:h-4>path dM18 6 6 18>/path>path dm6 6 12 12>/path>/svg>p classtext-10px sm:text-xs font-medium text-center text-white/80>Yes/p>/div>/div>div classcol-span-4 flex items-center justify-center>div classflex flex-col  items-center justify-center gap-1 sm:gap-2>svg xmlnshttp://www.w3.org/2000/svg width14 height14 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width4 stroke-linecapround stroke-linejoinround classlucide lucide-check text-green-400 sm:w-4 sm:h-4>path dM20 6 9 17l-5-5>/path>/svg>p classtext-10px sm:text-xs font-medium text-center text-white/80>No/p>/div>/div>/div>div classgrid grid-cols-12 gap-1 px-2 sm:px-4 py-2.5 cursor-pointer transition-all duration-300 hover:bg-purple-500/5 styleopacity:0;transform:translateX(-10px)>div classcol-span-4 flex items-center>span classtext-10px sm:text-xs md:text-sm leading-tight transition-colors duration-300 pl-1 text-purple-100/70 font-medium"                        }>Large Music Library/span>/div>div classcol-span-4 flex items-center justify-center>div classflex flex-col items-center justify-center gap-1 sm:gap-2>svg xmlnshttp://www.w3.org/2000/svg width14 height14 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width4 stroke-linecapround stroke-linejoinround classlucide lucide-x text-red-500 sm:w-4 sm:h-4>path dM18 6 6 18>/path>path dm6 6 12 12>/path>/svg>p classtext-10px sm:text-xs font-medium text-center text-white/80>Limited /p>/div>/div>div classcol-span-4 flex items-center justify-center>div classflex flex-col  items-center justify-center gap-1 sm:gap-2>svg xmlnshttp://www.w3.org/2000/svg width14 height14 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width4 stroke-linecapround stroke-linejoinround classlucide lucide-check text-green-400 sm:w-4 sm:h-4>path dM20 6 9 17l-5-5>/path>/svg>p classtext-10px sm:text-xs font-medium text-center text-white/80>300K+ /p>/div>/div>/div>/div>/div>/div>div classmt-6 sm:mt-8 text-center px-4 styleopacity:0;transform:translateY(20px)>p classtext-10px sm:text-txh md:text-subh lg:text-mh text-purple-200/90 leading-relaxed mx-auto>No hardware. No setup. No friction./p>/div>/div>/section>/div>div classhidden lessthanxl:block>section classrelative py-16 overflow-hidden>div classrelative z-10 max-w-full mx-auto px-4 md:px-6>div classtext-center mb-12>h2 classtext-20px ios:text-mh sm:text-2xl md:text-3xl lg:text-4xl xl:text-5xl font-bold text-white text-center mb-header>span classtext-white>How Tringbox /span>span classbg-gradient-to-r from-purple-400 via-violet-400 to-purple-400 bg-clip-text text-transparent>is Different/span>/h2>p classtext-11px ios:text-texh sm:text-subh md:text-mh lg:text-xl text-purple-200/90 leading-relaxed mx-auto>Intelligent music that reads your environment and delivers the perfect soundtrack./p>/div>div classrelative max-w-6xl mx-auto styleopacity:0;transform:translateY(40px)>div classabsolute inset-0 bg-gradient-to-r from-purple-600/10 via-violet-600/10 to-purple-600/10 blur-3xl rounded-3xl>/div>div classrelative backdrop-blur-xl rounded-2xl border border-purple-400/20 bg-white/5 overflow-hidden shadow-2xl>div classgrid grid-cols-12 gap-2 py-3 px-5 bg-gradient-to-r from-purple-900/50 via-violet-900/50 to-purple-900/50 border-b border-purple-400/20>div classcol-span-4 flex items-center>span classtext-purple-200 text-sm font-semibold tracking-wider uppercase ml-2>Feature/span>/div>div classcol-span-4 flex items-center justify-center>div classw-28 md:w-40 flex justify-center px-4 py-2 rounded-lg bg-red-500/10>span classtext-red-300 text-sm font-bold tracking-wider uppercase>Traditional/span>/div>/div>div classcol-span-4 flex items-center justify-center>div classw-28 md:w-40 flex justify-center px-4 py-2 rounded-lg bg-purple-500/20>span classtext-purple-200 text-sm font-bold tracking-wider uppercase>Tringbox AI/span>/div>/div>/div>div classdivide-y divide-purple-400/10>div classgrid grid-cols-12 gap-2 px-4 py-3 cursor-pointer transition-all duration-300 hover:bg-purple-500/5 styleopacity:0;transform:translateX(-20px)>div classcol-span-4 flex items-center>span classtext-sm transition-colors duration-300 ml-2 text-purple-100/70>Additional Hardware Required/span>/div>div classcol-span-4 flex items-center justify-center >div classflex ml-20  items-center text-left  gap-3 px-3 md:px-4 py-2 rounded-md w-28 md:w-40 transition-all duration-300>svg xmlnshttp://www.w3.org/2000/svg width20 height20 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width4 stroke-linecapround stroke-linejoinround classlucide lucide-x pt-1 text-red-500>path dM18 6 6 18>/path>path dm6 6 12 12>/path>/svg>p class  text-sm font-medium whitespace-nowrap text-white/90>Yes/p>/div>/div>div classcol-span-4 flex items-center justify-center>div classflex ml-20  items-center text-left  gap-3 px-3 md:px-4 py-2 rounded-md w-28 md:w-40 transition-all duration-300>svg xmlnshttp://www.w3.org/2000/svg width20 height20 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width4 stroke-linecapround stroke-linejoinround classlucide lucide-check pt-1 shrink-0 text-green-400>path dM20 6 9 17l-5-5>/path>/svg>p class text-left text-sm font-medium whitespace-nowrap text-white/90>No/p>/div>/div>/div>div classgrid grid-cols-12 gap-2 px-4 py-3 cursor-pointer transition-all duration-300 hover:bg-purple-500/5 styleopacity:0;transform:translateX(-20px)>div classcol-span-4 flex items-center>span classtext-sm transition-colors duration-300 ml-2 text-purple-100/70>Context Awareness (Temp, Weather, Time, Day)/span>/div>div classcol-span-4 flex items-center justify-center >div classflex ml-20  items-center text-left  gap-3 px-3 md:px-4 py-2 rounded-md w-28 md:w-40 transition-all duration-300>svg xmlnshttp://www.w3.org/2000/svg width20 height20 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width4 stroke-linecapround stroke-linejoinround classlucide lucide-x pt-1 text-red-500>path dM18 6 6 18>/path>path dm6 6 12 12>/path>/svg>p class  text-sm font-medium whitespace-nowrap text-white/90>No/p>/div>/div>div classcol-span-4 flex items-center justify-center>div classflex ml-20  items-center text-left  gap-3 px-3 md:px-4 py-2 rounded-md w-28 md:w-40 transition-all duration-300>svg xmlnshttp://www.w3.org/2000/svg width20 height20 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width4 stroke-linecapround stroke-linejoinround classlucide lucide-check pt-1 shrink-0 text-green-400>path dM20 6 9 17l-5-5>/path>/svg>p class text-left text-sm font-medium whitespace-nowrap text-white/90>Yes/p>/div>/div>/div>div classgrid grid-cols-12 gap-2 px-4 py-3 cursor-pointer transition-all duration-300 hover:bg-purple-500/5 styleopacity:0;transform:translateX(-20px)>div classcol-span-4 flex items-center>span classtext-sm transition-colors duration-300 ml-2 text-purple-100/70>Real Time AI Music Selection/span>/div>div classcol-span-4 flex items-center justify-center >div classflex ml-20  items-center text-left  gap-3 px-3 md:px-4 py-2 rounded-md w-28 md:w-40 transition-all duration-300>svg xmlnshttp://www.w3.org/2000/svg width20 height20 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width4 stroke-linecapround stroke-linejoinround classlucide lucide-x pt-1 text-red-500>path dM18 6 6 18>/path>path dm6 6 12 12>/path>/svg>p class  text-sm font-medium whitespace-nowrap text-white/90>No/p>/div>/div>div classcol-span-4 flex items-center justify-center>div classflex ml-20  items-center text-left  gap-3 px-3 md:px-4 py-2 rounded-md w-28 md:w-40 transition-all duration-300>svg xmlnshttp://www.w3.org/2000/svg width20 height20 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width4 stroke-linecapround stroke-linejoinround classlucide lucide-check pt-1 shrink-0 text-green-400>path dM20 6 9 17l-5-5>/path>/svg>p class text-left text-sm font-medium whitespace-nowrap text-white/90>Yes/p>/div>/div>/div>div classgrid grid-cols-12 gap-2 px-4 py-3 cursor-pointer transition-all duration-300 hover:bg-purple-500/5 styleopacity:0;transform:translateX(-20px)>div classcol-span-4 flex items-center>span classtext-sm transition-colors duration-300 ml-2 text-purple-100/70>Neuroscience Based Mood Mapping/span>/div>div classcol-span-4 flex items-center justify-center >div classflex ml-20  items-center text-left  gap-3 px-3 md:px-4 py-2 rounded-md w-28 md:w-40 transition-all duration-300>svg xmlnshttp://www.w3.org/2000/svg width20 height20 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width4 stroke-linecapround stroke-linejoinround classlucide lucide-x pt-1 text-red-500>path dM18 6 6 18>/path>path dm6 6 12 12>/path>/svg>p class  text-sm font-medium whitespace-nowrap text-white/90>No/p>/div>/div>div classcol-span-4 flex items-center justify-center>div classflex ml-20  items-center text-left  gap-3 px-3 md:px-4 py-2 rounded-md w-28 md:w-40 transition-all duration-300>svg xmlnshttp://www.w3.org/2000/svg width20 height20 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width4 stroke-linecapround stroke-linejoinround classlucide lucide-check pt-1 shrink-0 text-green-400>path dM20 6 9 17l-5-5>/path>/svg>p class text-left text-sm font-medium whitespace-nowrap text-white/90>Yes/p>/div>/div>/div>div classgrid grid-cols-12 gap-2 px-4 py-3 cursor-pointer transition-all duration-300 hover:bg-purple-500/5 styleopacity:0;transform:translateX(-20px)>div classcol-span-4 flex items-center>span classtext-sm transition-colors duration-300 ml-2 text-purple-100/70>Works Across All Platforms (Web, Mobile, Tablet)/span>/div>div classcol-span-4 flex items-center justify-center >div classflex ml-20  items-center text-left  gap-3 px-3 md:px-4 py-2 rounded-md w-28 md:w-40 transition-all duration-300>svg xmlnshttp://www.w3.org/2000/svg width20 height20 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width4 stroke-linecapround stroke-linejoinround classlucide lucide-x pt-1 text-red-500>path dM18 6 6 18>/path>path dm6 6 12 12>/path>/svg>p class  text-sm font-medium whitespace-nowrap text-white/90>Limited/p>/div>/div>div classcol-span-4 flex items-center justify-center>div classflex ml-20  items-center text-left  gap-3 px-3 md:px-4 py-2 rounded-md w-28 md:w-40 transition-all duration-300>svg xmlnshttp://www.w3.org/2000/svg width20 height20 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width4 stroke-linecapround stroke-linejoinround classlucide lucide-check pt-1 shrink-0 text-green-400>path dM20 6 9 17l-5-5>/path>/svg>p class text-left text-sm font-medium whitespace-nowrap text-white/90>Yes/p>/div>/div>/div>div classgrid grid-cols-12 gap-2 px-4 py-3 cursor-pointer transition-all duration-300 hover:bg-purple-500/5 styleopacity:0;transform:translateX(-20px)>div classcol-span-4 flex items-center>span classtext-sm transition-colors duration-300 ml-2 text-purple-100/70>Frequent Music Repitition/span>/div>div classcol-span-4 flex items-center justify-center >div classflex ml-20  items-center text-left  gap-3 px-3 md:px-4 py-2 rounded-md w-28 md:w-40 transition-all duration-300>svg xmlnshttp://www.w3.org/2000/svg width20 height20 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width4 stroke-linecapround stroke-linejoinround classlucide lucide-x pt-1 text-red-500>path dM18 6 6 18>/path>path dm6 6 12 12>/path>/svg>p class  text-sm font-medium whitespace-nowrap text-white/90>Yes/p>/div>/div>div classcol-span-4 flex items-center justify-center>div classflex ml-20  items-center text-left  gap-3 px-3 md:px-4 py-2 rounded-md w-28 md:w-40 transition-all duration-300>svg xmlnshttp://www.w3.org/2000/svg width20 height20 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width4 stroke-linecapround stroke-linejoinround classlucide lucide-check pt-1 shrink-0 text-green-400>path dM20 6 9 17l-5-5>/path>/svg>p class text-left text-sm font-medium whitespace-nowrap text-white/90>No/p>/div>/div>/div>div classgrid grid-cols-12 gap-2 px-4 py-3 cursor-pointer transition-all duration-300 hover:bg-purple-500/5 styleopacity:0;transform:translateX(-20px)>div classcol-span-4 flex items-center>span classtext-sm transition-colors duration-300 ml-2 text-purple-100/70>Large Music Library/span>/div>div classcol-span-4 flex items-center justify-center >div classflex ml-20  items-center text-left  gap-3 px-3 md:px-4 py-2 rounded-md w-28 md:w-40 transition-all duration-300>svg xmlnshttp://www.w3.org/2000/svg width20 height20 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width4 stroke-linecapround stroke-linejoinround classlucide lucide-x pt-1 text-red-500>path dM18 6 6 18>/path>path dm6 6 12 12>/path>/svg>p class  text-sm font-medium whitespace-nowrap text-white/90>Limited tracks/p>/div>/div>div classcol-span-4 flex items-center justify-center>div classflex ml-20  items-center text-left  gap-3 px-3 md:px-4 py-2 rounded-md w-28 md:w-40 transition-all duration-300>svg xmlnshttp://www.w3.org/2000/svg width20 height20 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width4 stroke-linecapround stroke-linejoinround classlucide lucide-check pt-1 shrink-0 text-green-400>path dM20 6 9 17l-5-5>/path>/svg>p class text-left text-sm font-medium whitespace-nowrap text-white/90>300,000+ tracks/p>/div>/div>/div>/div>/div>/div>div classmt-8 text-center styleopacity:0;transform:translateY(30px)>p classtext-purple-300/50 text-base md:text-lg tracking-wide font-light>This reads like SaaS, not audio. No hardware. No setup. No friction./p>/div>/div>/section>/div>/div>div idblogs classrelative z-10 px-4 sm:px-6 md:px-8>/div>/div>div idfooter classfalse false>div classblock lessthanxl:hidden>footer classrelative border-t border-purple-300/20 backdrop-blur-xl overflow-hidden py-4 md:py-5 bg-black/10>div classabsolute inset-0 opacity-60 pointer-events-none stylebackground:radial-gradient(ellipse at center, rgba(147, 51, 234, 0.2) 0%, rgba(168, 85, 247, 0.15) 40%, rgba(196, 181, 253, 0.1) 70%, transparent 100%), radial-gradient(ellipse at bottom, rgba(34, 197, 94, 0.1) 0%, rgba(147, 51, 234, 0.15) 30%, rgba(168, 85, 247, 0.1) 60%, transparent 100%)>/div>div classrelative z-10 max-w-5xl mx-auto px-4>div classmb-6>span classtext-20px font-bold text-white>Tringbox Instore AI Music/span>p classml-1 text-11px text-purple-300/70 >part of!-- --> span classtext-purple-200>One Love Technologies Private Limited/span>/p>/div>div classgrid grid-cols-2 md:grid-cols-4 gap-8 mb-8>div>h4 classtext-xs font-medium text-purple-400/70 uppercase tracking-wider mb-4>Resources/h4>div classflex flex-col gap-3>button classtext-sm text-left text-purple-200 hover:text-white transition-colors>About Tringbox/button>a classtext-sm  text-purple-200 hover:text-white transition-colors href/pricing/>Pricing/a>a classtext-sm text-purple-200 hover:text-white transition-colors href/blogs/>Blogs/a>a classtext-sm text-purple-200 hover:text-white transition-colors href/help/>FAQs/a>/div>/div>div>h4 classtext-xs font-medium text-purple-400/70 uppercase tracking-wider mb-4>Popular Searches/h4>div classflex flex-col gap-3>span classtext-sm text-purple-200 >Retail Stores/span>span classtext-sm text-purple-200 >Cafes & Restaurants/span>span classtext-sm text-purple-200 >Gyms & Fitness/span>span classtext-sm text-purple-200 >Offices/span>/div>/div>div>h4 classtext-xs font-medium text-purple-400/70 uppercase tracking-wider mb-4>Get it now/h4>div classflex gap-3>a hrefhttps://play.google.com/store/apps/details?idcom.tringbox.venue target_blank relnoopener noreferrer classflex items-center gap-2 text-sm text-purple-200 hover:text-white transition-colors aria-labelGet it on Google Play>svg classh-5 w-5 viewBox0 0 24 24 fillcurrentColor>path dM3,20.5V3.5C3,2.91 3.34,2.39 3.84,2.15L13.69,12L3.84,21.85C3.34,21.6 3,21.09 3,20.5M16.81,15.12L6.05,21.34L14.54,12.85L16.81,15.12M20.16,10.81C20.5,11.08 20.75,11.5 20.75,12C20.75,12.5 20.53,12.9 20.18,13.18L17.89,14.5L15.39,12L17.89,9.5L20.16,10.81M6.05,2.66L16.81,8.88L14.54,11.15L6.05,2.66Z>/path>/svg>/a>a hrefhttps://apps.apple.com/in/app/tringbox-instore-ai-music/id6758520226 target_blank relnoopener noreferrer classflex items-center gap-2 text-sm text-purple-200 hover:text-white transition-colors aria-labelDownload on the App Store>svg classh-5 w-5 viewBox0 0 24 24 fillcurrentColor>path dM18.71,19.5C17.88,20.74 17,21.95 15.66,21.97C14.32,22 13.89,21.18 12.37,21.18C10.84,21.18 10.37,21.95 9.1,22C7.79,22.05 6.8,20.68 5.96,19.47C4.25,17 2.94,12.45 4.7,9.39C5.57,7.87 7.13,6.91 8.82,6.88C10.1,6.86 11.32,7.75 12.11,7.75C12.89,7.75 14.37,6.68 15.92,6.84C16.57,6.87 18.39,7.1 19.56,8.82C19.47,8.88 17.39,10.1 17.41,12.63C17.44,15.65 20.06,16.66 20.09,16.67C20.06,16.74 19.67,18.11 18.71,19.5M13,3.5C13.73,2.67 14.94,2.04 15.94,2C16.07,3.17 15.6,4.35 14.9,5.19C14.21,6.04 13.07,6.7 11.95,6.61C11.8,5.46 12.36,4.26 13,3.5Z>/path>/svg>/a>/div>/div>div>h4 classtext-xs font-medium text-purple-400/70 uppercase tracking-wider mb-4>Social/h4>div classflex items-center gap-4>a hrefhttps://instagram.com/tringboxai target_blank relnoopener noreferrer classtext-purple-200 hover:text-white transition-colors aria-labelInstagram>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-instagram h-5 w-5>rect width20 height20 x2 y2 rx5 ry5>/rect>path dM16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z>/path>line x117.5 x217.51 y16.5 y26.5>/line>/svg>/a>a hrefhttps://linkedin.com/company/tringbox target_blank relnoopener noreferrer classtext-purple-200 transition-colors aria-labelLinkedIn>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-linkedin h-5 w-5>path dM16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z>/path>rect width4 height12 x2 y9>/rect>circle cx4 cy4 r2>/circle>/svg>/a>a hrefhttps://www.facebook.com/p/Tringbox-100071694398493/ target_blank relnoopener noreferrer classtext-purple-200  transition-colors aria-labelFacebook>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-facebook h-5 w-5>path dM18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z>/path>/svg>/a>/div>/div>/div>div classpt-2 border-t border-purple-400/20 text-center>div classtext-10px text-purple-400/50>© !-- -->2026!-- --> Tringbox. All rights reserved./div>/div>/div>/footer>/div>div classhidden lessthanxl:block>div classrelative overflow-hidden>div classabsolute inset-0 pointer-events-none z-0 opacity-30 stylebackground:radial-gradient(ellipse at 30% 20%, rgba(147,51,234,0.05) 0%, transparent 50%)>/div>div classrelative z-10>footer classrelative border-t border-purple-300/20 >div classmax-w-6xl mx-auto px-4 py-8 sm:py-12 lg:px-8>div classgrid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-10 mb-10 pb-10 border-b border-purple-300/20>div>h3 classtext-xl font-bold text-white mb-4>Tringbox/h3>p classtext-base text-purple-300>AI-powered ambient music for venues, crafted by neuroscience./p>div classflex gap-3 mt-4>a hrefhttps://apps.apple.com/in/app/tringbox-instore-ai-music/id6758520226 target_blank relnoopener noreferrer classtext-purple-400 hover:text-purple-200 transition-colors aria-labelDownload on the App Store>img altApp Store loadinglazy width98 height40 decodingasync data-nimg1 stylecolor:transparent src/appstoreicon.png/>/a>a hrefhttps://play.google.com/store/apps/details?idcom.tringbox.venue target_blank relnoopener noreferrer classtext-purple-400 hover:text-purple-200 transition-colors aria-labelGet it on Google Play>img altGoogle Play loadinglazy width100 height50 decodingasync data-nimg1 stylecolor:transparent src/playstoreicon.png/>/a>/div>/div>div classmx-auto>h4 classtext-lg font-bold text-white mb-4> !-- -->More Links/h4>ul classspace-y-3>li>button classtext-base text-purple-300 hover:text-white transition-colors hover:translate-x-1 inline-block>Features/button>/li>li>button classtext-base text-purple-300 hover:text-white transition-colors hover:translate-x-1 inline-block>About/button>/li>li>a classtext-base text-purple-300 hover:text-white transition-colors hover:translate-x-1 inline-block  href/blogs/>Blogs/a>/li>li>a classtext-base text-purple-300 hover:text-white transition-colors hover:translate-x-1 inline-block  href/help/>FAQs/a>/li>/ul>/div>div>h4 classtext-lg font-bold text-white mb-4>Popular Searches/h4>p classspace-y-3>p>p classtext-base text-purple-300 inline-block>Ambient Music/p>/p>p>p classtext-base text-purple-300 inline-block>Retail Store Music/p>/p>p>p classtext-base text-purple-300 inline-block>Gym Workout Music/p>/p>p>p classtext-base text-purple-300 inline-block>Spa Music/p>/p>/p>/div>div>div classmb-8>p classtext-lg font-bold text-white mb-4>Find us on/p>div classflex gap-4>a hrefhttps://instagram.com/tringboxai target_blank relnoopener noreferrer classtext-purple-400 hover:text-purple-200 transition-colors aria-labelInstagram>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-instagram h-5 w-5>rect width20 height20 x2 y2 rx5 ry5>/rect>path dM16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z>/path>line x117.5 x217.51 y16.5 y26.5>/line>/svg>/a>a hrefhttps://www.facebook.com/p/Tringbox-100071694398493/ target_blank relnoopener noreferrer classtext-purple-400 hover:text-purple-200 transition-colors aria-labelFacebook>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-facebook h-5 w-5>path dM18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z>/path>/svg>/a>a hrefhttps://linkedin.com/company/tringbox target_blank relnoopener noreferrer classtext-purple-400 hover:text-purple-200 transition-colors aria-labelLinkedIn>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-linkedin h-5 w-5>path dM16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z>/path>rect width4 height12 x2 y9>/rect>circle cx4 cy4 r2>/circle>/svg>/a>/div>/div>div classspace-y-3>div classflex gap-2 items-start>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-mail h-4 w-4 text-purple-400 mt-0.5 flex-shrink-0>rect width20 height16 x2 y4 rx2>/rect>path dm22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7>/path>/svg>div>p classtext-sm text-purple-400>Email us for any enquiry/p>a hrefmailto:admin@tringbox.in classtext-sm text-purple-200 hover:text-purple-100 transition-colors>admin@tringbox.in/a>/div>/div>div classflex gap-2 items-start>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-locate-off h-4 w-4 text-purple-400 mt-0.5 flex-shrink-0>line x12 x25 y112 y212>/line>line x119 x222 y112 y212>/line>line x112 x212 y12 y25>/line>line x112 x212 y119 y222>/line>path dM7.11 7.11C5.83 8.39 5 10.1 5 12c0 3.87 3.13 7 7 7 1.9 0 3.61-.83 4.89-2.11>/path>path dM18.71 13.96c.19-.63.29-1.29.29-1.96 0-3.87-3.13-7-7-7-.67 0-1.33.1-1.96.29>/path>line x12 x222 y12 y222>/line>/svg>div>p classtext-sm text-purple-200>Mumbai, India/p>/div>/div>/div>/div>/div>div>p classtext-xs text-purple-400 text-center>© Tringbox is part of!-- --> span classtext-purple-300 font-semibold>One Love Technologies Private Limited/span>/p>/div>/div>/footer>/div>/div>/div>/div>/div>!--$-->!--/$-->/div>script src/_next/static/chunks/16c50455f1482ec9.js id_R_ async>/script>script>(self.__next_fself.__next_f||).push(0)/script>script>self.__next_f.push(1,1:\$Sreact.fragment\\n2:I97197,\/_next/static/chunks/83e3eb1436f2184b.js\,\/_next/static/chunks/96d6b215531daf9e.js\,\default\\n4:I818421,\/_next/static/chunks/83e3eb1436f2184b.js\,\/_next/static/chunks/96d6b215531daf9e.js\,\default\\n5:I634490,\/_next/static/chunks/83e3eb1436f2184b.js\,\/_next/static/chunks/96d6b215531daf9e.js\,\default\\n6:I780235,\/_next/static/chunks/83e3eb1436f2184b.js\,\/_next/static/chunks/96d6b215531daf9e.js\,\default\\n7:I334863,\/_next/static/chunks/83e3eb1436f2184b.js\,\/_next/static/chunks/96d6b215531daf9e.js\,\Toaster\\n8:I339756,\/_next/static/chunks/d96012bcfc98706a.js\,\/_next/static/chunks/963c71eec1d89c3f.js\,\default\\n9:I837457,\/_next/static/chunks/d96012bcfc98706a.js\,\/_next/static/chunks/963c71eec1d89c3f.js\,\default\\nd:I168027,\/_next/static/chunks/d96012bcfc98706a.js\,\/_next/static/chunks/963c71eec1d89c3f.js\,\default\\n:HL\/_next/static/chunks/66364b615a444511.css\,\style\\n3:T434,\n              // Suppress PWA install prompt - runs immediately before React\n              (function() {\n                // Prevent beforeinstallprompt event\n                window.addEventListener(beforeinstallprompt, function(e) {\n                  e.preventDefault();\n                  e.stopImmediatePropagation();\n                  e.stopPropagation();\n                  return false;\n                }, { capture: true, passive: false, once: false });\n                \n                // Also prevent appinstalled event\n                window.addEventListener(appinstalled, function(e) {\n                  e.preventDefault();\n                  e.stopImmediatePropagation();\n                  e.stopPropagation();\n                  return false;\n                }, { capture: true, passive: false });\n                \n                // Remove manifest link if it exists\n                if (document.querySelector(linkrel\manifest\)) {\n                  document.querySelector(linkrel\manifest\).remove();\n                }\n              })();\n            )/script>script>self.__next_f.push(1,0:{\P\:null,\b\:\PHHtnyVd5NIgSJvyaTAyQ\,\c\:\\,\\,\q\:\\,\i\:false,\f\:\\,{\children\:\__PAGE__\,{}},\$undefined\,\$undefined\,true,\$\,\$1\,\c\,{\children\:\$\,\link\,\0\,{\rel\:\stylesheet\,\href\:\/_next/static/chunks/66364b615a444511.css\,\precedence\:\next\,\crossOrigin\:\$undefined\,\nonce\:\$undefined\},\$\,\script\,\script-0\,{\src\:\/_next/static/chunks/83e3eb1436f2184b.js\,\async\:true,\nonce\:\$undefined\},\$\,\script\,\script-1\,{\src\:\/_next/static/chunks/96d6b215531daf9e.js\,\async\:true,\nonce\:\$undefined\},\$\,\html\,null,{\lang\:\en\,\style\:{\backgroundColor\:\#581c87\,\colorScheme\:\dark\},\children\:\$\,\head\,null,{\children\:\$\,\$L2\,null,{},\$\,\script\,null,{\type\:\application/ld+json\,\dangerouslySetInnerHTML\:{\__html\:\{\\\@context\\\:\\\https://schema.org\\\,\\\@type\\\:\\\Organization\\\,\\\name\\\:\\\Tringbox\\\,\\\url\\\:\\\https://www.tringbox.com\\\,\\\logo\\\:\\\https://www.tringbox.com/Icon.svg\\\,\\\description\\\:\\\AI-powered InStore music engine for retail, hospitality, and wellness venues in India. Transform your venue ambience with intelligent mood-based music.\\\,\\\sameAs\\\:\\\https://www.instagram.com/tringbox\\\,\\\https://www.linkedin.com/company/tringbox\\\,\\\contactPoint\\\:{\\\@type\\\:\\\ContactPoint\\\,\\\contactType\\\:\\\customer service\\\,\\\availableLanguage\\\:\\\English\\\,\\\Hindi\\\},\\\areaServed\\\:{\\\@type\\\:\\\Country\\\,\\\name\\\:\\\India\\\},\\\serviceType\\\:\\\AI Music Engine\\\,\\\InStore Music\\\,\\\Ambient Music Solutions\\\,\\\Retail Music\\\,\\\Hospitality Music\\\}\}},\$\,\script\,null,{\type\:\application/ld+json\,\dangerouslySetInnerHTML\:{\__html\:\{\\\@context\\\:\\\https://schema.org\\\,\\\@type\\\:\\\SoftwareApplication\\\,\\\name\\\:\\\Tringbox\\\,\\\applicationCategory\\\:\\\BusinessApplication\\\,\\\operatingSystem\\\:\\\Web, iOS, Android\\\,\\\description\\\:\\\AI-powered InStore music engine that creates perfect ambient music for retail stores, cafés, gyms, salons, restaurants, and hotels.\\\}\}}},\$\,\body\,null,{\className\:\min-h-screen bg-gradient-to-br from-purple-900 via-violet-900 to-purple-800 antialiased overscroll-none selection:bg-purple-300 selection:text-purple-900\,\children\:\$\,\script\,null,{\dangerouslySetInnerHTML\:{\__html\:\$3\}},\$\,\$L4\,null,{\color\:\#a855f7\,\initialPosition\:0.08,\crawlSpeed\:200,\height\:3,\crawl\:true,\showSpinner\:false,\easing\:\ease\,\speed\:200,\shadow\:\0 0 10px #a855f7,0 0 5px #a855f7\},\$\,\$L5\,null,{},\$\,\$L6\,null,{},\$\,\$L7\,null,{},\$\,\div\,null,{\className\:\bg-gradient-to-br from-purple-900 via-violet-900 to-purple-800 \,\children\:\$\,\$L8\,null,{\parallelRouterKey\:\children\,\error\:\$undefined\,\errorStyles\:\$undefined\,\errorScripts\:\$undefined\,\template\:\$\,\$L9\,null,{},\templateStyles\:\$undefined\,\templateScripts\:\$undefined\,\notFound\:\$\,\title\,null,{\children\:\404: This page could not be found.\},\$\,\div\,null,{\style\:{\fontFamily\:\system-ui,\\\Segoe UI\\\,Roboto,Helvetica,Arial,sans-serif,\\\Apple Color Emoji\\\,\\\Segoe UI Emoji\\\\,\height\:\100vh\,\textAlign\:\center\,\display\:\flex\,\flexDirection\:\column\,\alignItems\:\center\,\justifyContent\:\center\},\children\:\$La\},,\forbidden\:\$undefined\,\unauthorized\:\$undefined\}}}}},{\children\:\$Lb\,{},null,false,false},null,false,false,\$Lc\,false,\m\:\$undefined\,\G\:\$d\,,\S\:true}\n)/script>script>self.__next_f.push(1,e:I347257,\/_next/static/chunks/d96012bcfc98706a.js\,\/_next/static/chunks/963c71eec1d89c3f.js\,\ClientPageRoot\\nf:I331713,\/_next/static/chunks/83e3eb1436f2184b.js\,\/_next/static/chunks/96d6b215531daf9e.js\,\/_next/static/chunks/e78203db89a09f18.js\,\/_next/static/chunks/83b2113557ec8ae8.js\,\/_next/static/chunks/7e32e45e32d7eef6.js\,\/_next/static/chunks/5697a2b046bc07b4.js\,\/_next/static/chunks/700cb46a288b8446.js\,\/_next/static/chunks/4eaf6d8181060820.js\,\/_next/static/chunks/2fc8b39916ed4b3c.js\,\/_next/static/chunks/84e2eeeb3b5ae103.js\,\default\\n12:I897367,\/_next/static/chunks/d96012bcfc98706a.js\,\/_next/static/chunks/963c71eec1d89c3f.js\,\OutletBoundary\\n13:\$Sreact.suspense\\n15:I897367,\/_next/static/chunks/d96012bcfc98706a.js\,\/_next/static/chunks/963c71eec1d89c3f.js\,\ViewportBoundary\\n17:I897367,\/_next/static/chunks/d96012bcfc98706a.js\,\/_next/static/chunks/963c71eec1d89c3f.js\,\MetadataBoundary\\na:\$\,\div\,null,{\children\:\$\,\style\,null,{\dangerouslySetInnerHTML\:{\__html\:\body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\}},\$\,\h1\,null,{\className\:\next-error-h1\,\style\:{\display\:\inline-block\,\margin\:\0 20px 0 0\,\padding\:\0 23px 0 0\,\fontSize\:24,\fontWeight\:500,\verticalAlign\:\top\,\lineHeight\:\49px\},\children\:404},\$\,\div\,null,{\style\:{\display\:\inline-block\},\children\:\$\,\h2\,null,{\style\:{\fontSize\:14,\fontWeight\:400,\lineHeight\:\49px\,\margin\:0},\children\:\This page could not be found.\}}}\nb:\$\,\$1\,\c\,{\children\:\$\,\$Le\,null,{\Component\:\$f\,\serverProvidedParams\:{\searchParams\:{},\params\:{},\promises\:\$@10\,\$@11\}},\$\,\script\,\script-0\,{\src\:\/_next/static/chunks/e78203db89a09f18.js\,\async\:true,\nonce\:\$undefined\},\$\,\script\,\script-1\,{\src\:\/_next/static/chunks/83b2113557ec8ae8.js\,\async\:true,\nonce\:\$undefined\},\$\,\script\,\script-2\,{\src\:\/_next/static/chunks/7e32e45e32d7eef6.js\,\async\:true,\nonce\:\$undefined\},\$\,\script\,\script-3\,{\src\:\/_next/static/chunks/5697a2b046bc07b4.js\,\async\:true,\nonce\:\$undefined\},\$\,\script\,\script-4\,{\src\:\/_next/static/chunks/700cb46a288b8446.js\,\async\:true,\nonce\:\$undefined\},\$\,\script\,\script-5\,{\src\:\/_next/static/chunks/4eaf6d8181060820.js\,\async\:true,\nonce\:\$undefined\},\$\,\script\,\script-6\,{\src\:\/_next/static/chunks/2fc8b39916ed4b3c.js\,\async\:true,\nonce\:\$undefined\},\$\,\script\,\script-7\,{\src\:\/_next/static/chunks/84e2eeeb3b5ae103.js\,\async\:true,\nonce\:\$undefined\},\$\,\$L12\,null,{\children\:\$\,\$13\,null,{\name\:\Next.MetadataOutlet\,\children\:\$@14\}}}\nc:\$\,\$1\,\h\,{\children\:null,\$\,\$L15\,null,{\children\:\$L16\},\$\,\div\,null,{\hidden\:true,\children\:\$\,\$L17\,null,{\children\:\$\,\$13\,null,{\name\:\Next.Metadata\,\children\:\$L18\}}},null}\n)/script>script>self.__next_f.push(1,10:{}\n11:\$b:props:children:0:props:serverProvidedParams:params\\n)/script>script>self.__next_f.push(1,16:\$\,\meta\,\0\,{\charSet\:\utf-8\},\$\,\meta\,\1\,{\name\:\viewport\,\content\:\widthdevice-width, initial-scale1\}\n)/script>script>self.__next_f.push(1,19:I27201,\/_next/static/chunks/d96012bcfc98706a.js\,\/_next/static/chunks/963c71eec1d89c3f.js\,\IconMark\\n14:null\n)/script>script>self.__next_f.push(1,18:\$\,\title\,\0\,{\children\:\Tringbox - AI-Powered InStore Music Engine for Retail \u0026 Hospitality in India\},\$\,\meta\,\1\,{\name\:\description\,\content\:\Transform your retail store, café, gym, salon, or restaurant with Tringbox AI-powered ambient music. Boost customer engagement by 35%, increase dwell time, and create memorable experiences with intelligent mood-based music.\},\$\,\link\,\2\,{\rel\:\author\,\href\:\https://www.tringbox.com\},\$\,\meta\,\3\,{\name\:\author\,\content\:\Tringbox\},\$\,\meta\,\4\,{\name\:\keywords\,\content\:\AI music,InStore music,ambient music,retail music,background music for business,music engine India,AI-powered music,mood-based music,restaurant music,café music,gym music,salon music,hotel lobby music,retail store ambience,customer experience music,Tringbox,smart music system,venue music automation\},\$\,\meta\,\5\,{\name\:\creator\,\content\:\Tringbox\},\$\,\meta\,\6\,{\name\:\publisher\,\content\:\Tringbox\},\$\,\meta\,\7\,{\name\:\robots\,\content\:\index, follow\},\$\,\meta\,\8\,{\name\:\googlebot\,\content\:\index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1\},\$\,\meta\,\9\,{\name\:\category\,\content\:\technology\},\$\,\link\,\10\,{\rel\:\canonical\,\href\:\https://www.tringbox.com/\},\$\,\meta\,\11\,{\name\:\format-detection\,\content\:\telephoneno, addressno, emailno\},\$\,\meta\,\12\,{\name\:\google-site-verification\,\content\:\your-google-verification-code\},\$\,\meta\,\13\,{\property\:\og:title\,\content\:\Tringbox - AI-Powered InStore Music Engine for Retail \u0026 Hospitality\},\$\,\meta\,\14\,{\property\:\og:description\,\content\:\Transform your venue with AI-powered ambient music that adapts to your environment. Boost customer engagement by 35% with intelligent mood-based music for retail stores, cafés, gyms, salons, and restaurants.\},\$\,\meta\,\15\,{\property\:\og:url\,\content\:\https://www.tringbox.com/\},\$\,\meta\,\16\,{\property\:\og:site_name\,\content\:\Tringbox InStore AI Music\},\$\,\meta\,\17\,{\property\:\og:locale\,\content\:\en_IN\},\$\,\meta\,\18\,{\property\:\og:image\,\content\:\https://www.tringbox.com/Icon.svg\},\$\,\meta\,\19\,{\property\:\og:image:width\,\content\:\512\},\$\,\meta\,\20\,{\property\:\og:image:height\,\content\:\512\},\$\,\meta\,\21\,{\property\:\og:image:alt\,\content\:\Tringbox AI-Powered InStore Music Engine - Transform Your Venue Ambience\},\$\,\meta\,\22\,{\property\:\og:type\,\content\:\website\},\$\,\meta\,\23\,{\name\:\twitter:card\,\content\:\summary_large_image\},\$\,\meta\,\24\,{\name\:\twitter:title\,\content\:\Tringbox - AI-Powered InStore Music Engine\},\$\,\meta\,\25\,{\name\:\twitter:description\,\content\:\Transform your venue with AI-powered music that adapts to your environment. Boost customer engagement by 35% with personalized ambient music.\},\$\,\meta\,\26\,{\name\:\twitter:image\,\content\:\https://www.tringbox.com/Icon.svg\},\$\,\link\,\27\,{\rel\:\shortcut icon\,\href\:\/Icon.svg\},\$\,\link\,\28\,{\rel\:\icon\,\href\:\/favicon.ico\,\sizes\:\any\},\$\,\link\,\29\,{\rel\:\icon\,\href\:\/Icon.svg\,\type\:\image/svg+xml\},\$\,\link\,\30\,{\rel\:\apple-touch-icon\,\href\:\/apple-touch-icon.png\,\sizes\:\180x180\,\type\:\image/png\},\$\,\link\,\31\,{\rel\:\mask-icon\,\href\:\/safari-pinned-tab.svg\,\color\:\#9333ea\},\$\,\$L19\,\32\,{}\n)/script>/body>/html>

Port 443

HTTP/1.1 200 OKContent-Type: text/htmlContent-Length: 254019Connection: keep-aliveDate: Fri, 27 Feb 2026 03:45:03 GMTLast-Modified: Thu, 26 Feb 2026 19:25:31 GMTETag: 9448624929a1d43f4f10237b8ca945c6Server: AmazonS3X-Cache: Hit from cloudfrontVia: 1.1 b6cdb2111444305bd4957a473b711ad6.cloudfront.net (CloudFront)X-Amz-Cf-Pop: HIO52-P1X-Amz-Cf-Id: LrhTHbGyD8msVQpWp61P4BM_Zo2Si6qrWtlErXXlH8acPXfRVfxAbQAge: 43839

View on OTX | View on ThreatMiner

Data with thanks to AlienVault OTX, VirusTotal, Malwr and others. [Sitemap]

Domain > tringbox.com

Is this malicious?

DNS Resolutions

Port 80

Port 443