Help
RSS
API
Feed
Maltego
Contact
Domain > metabrixlab.com
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2024-10-31
3.109.75.186
(
ClassC
)
2026-01-15
34.149.124.212
(
ClassC
)
Port 443
HTTP/1.1 200 OKserver: nginxdate: Thu, 15 Jan 2026 06:50:33 GMTcontent-type: text/html; charsetutf-8Content-Length: 157874vary: rsc, next-router-state-tree, next-router-prefetch, next-router-segment-prefetch, Accept-Encodingx-nextjs-cache: HITx-nextjs-prerender: 1x-nextjs-prerender: 1x-nextjs-stale-time: 300x-powered-by: Next.jscache-control: s-maxage31536000etag: 956vjdugb33dtavia: 1.1 googleAlt-Svc: h3:443; ma2592000,h3-29:443; ma2592000 !DOCTYPE html>!--EFAhyu5MPRiuqX4DM_h0w-->html langen>head>meta charSetutf-8/>meta nameviewport contentwidthdevice-width, initial-scale1/>link relpreload href/_next/static/media/7b0b24f36b1a6d0b-s.p.woff2 asfont crossorigin typefont/woff2/>link relpreload asimage imageSrcSet/_next/image?url%2Fmetabrix.png&w32&q75 1x, /_next/image?url%2Fmetabrix.png&w64&q75 2x/>link relpreload asimage imageSrcSet/_next/image?url%2FultronHero.png&w384&q75 384w, /_next/image?url%2FultronHero.png&w640&q75 640w, /_next/image?url%2FultronHero.png&w750&q75 750w, /_next/image?url%2FultronHero.png&w828&q75 828w, /_next/image?url%2FultronHero.png&w1080&q75 1080w, /_next/image?url%2FultronHero.png&w1200&q75 1200w, /_next/image?url%2FultronHero.png&w1920&q75 1920w, /_next/image?url%2FultronHero.png&w2048&q75 2048w, /_next/image?url%2FultronHero.png&w3840&q75 3840w imageSizes(max-width: 768px) 90vw, (max-width: 1200px) 50vw, 350px fetchPriorityhigh/>link relstylesheet href/_next/static/css/e3502c49174b94e9.css data-precedencenext/>link relstylesheet href/_next/static/css/fec95abf28dff384.css data-precedencenext/>link relpreload asscript fetchPrioritylow href/_next/static/chunks/webpack-5bd214792ab68335.js/>script src/_next/static/chunks/4bd1b696-c023c6e3521b1417.js async>/script>script src/_next/static/chunks/255-cb395327542b56ef.js async>/script>script src/_next/static/chunks/main-app-576da91404dfa50e.js async>/script>script src/_next/static/chunks/239-e5a90e2a60ae59a5.js async>/script>script src/_next/static/chunks/619-9168df9c2a29b74b.js async>/script>script src/_next/static/chunks/130-4b0534458971a9b2.js async>/script>script src/_next/static/chunks/app/layout-58cb5df9861f1945.js async>/script>script src/_next/static/chunks/app/error-fcbdca126c2f8c09.js async>/script>script src/_next/static/chunks/app/not-found-f3fd7dc3c7e0acfb.js async>/script>script src/_next/static/chunks/471-d8e9b770c78a4b90.js async>/script>script src/_next/static/chunks/174-4b3a5bea3a0249d0.js async>/script>script src/_next/static/chunks/app/page-76938b94bae67945.js async>/script>meta namenext-size-adjust content/>title>Metabrix Labs - AI Avatar Generator/title>meta namedescription contentCreate your own AI Avatar with Metabrix Labs by Metabrix. AI Avatar Generator. Customize your AI Avatar. />meta namekeywords contentMetabrix Labs, AI Avatar Generator, Customize your AI Avatar/>meta namerobots contentindex, follow/>link relcanonical hrefhttps://ultronai.me/>meta propertyog:title contentMetabrix Labs/>meta propertyog:description contentCreate your own AI Avatar with Metabrix Labs by Metabrix. AI Avatar Generator. Customize your AI Avatar. />meta propertyog:image contenthttps://metabrixlab.com/metabrix.png/>meta nametwitter:card contentsummary_large_image/>meta nametwitter:title contentMetabrix Labs/>meta nametwitter:description contentCreate your own AI Avatar with Metabrix Labs by Metabrix. AI Avatar Generator. Customize your AI Avatar. />meta nametwitter:image contenthttps://metabrixlab.com/metabrix.png/>link relicon href/favicon.ico typeimage/x-icon sizes32x32/>link relicon href/metabrix.png/>script src/_next/static/chunks/polyfills-42372ed130431b0a.js noModule>/script>/head>body class__variable_8a6089 font-outfit antialiased>div hidden>!--$-->!--/$-->/div>nav classbg-black/60 backdrop-blur-sm text-white border-b border-gray-800 w-full fixed top-0 z-50 styleopacity:0;transform:translateY(-100px)>div classmax-w-7xl sm:py-2 xl:py-3 lg:py-3 relative z-10 m-auto w-full px-4 sm:px-6>div classflex items-center justify-between h-16 min-w-0>div classflex-shrink-0 min-w-0 styleopacity:0;transform:translateX(-30px)>a classflex items-center cursor-pointer gap-2 sm:gap-3 min-w-0 href/>div classflex-shrink-0>img altLogo width32 height32 decodingasync data-nimg1 classw-8 h-8 sm:w-10 sm:h-10 md:w-14 md:h-14 bg-transparent rounded-lg flex items-center justify-center stylecolor:transparent srcSet/_next/image?url%2Fmetabrix.png&w32&q75 1x, /_next/image?url%2Fmetabrix.png&w64&q75 2x src/_next/image?url%2Fmetabrix.png&w64&q75/>/div>span classtext-base sm:text-lg md:text-xl font-semibold brand-highlight-text truncate>Metabrix Labs/span>/a>/div>div classhidden md:block flex-1 min-w-0>div classflex items-baseline justify-center space-x-2 gap-1 styleopacity:0;transform:translateY(-20px)>div tabindex0 styleopacity:0;transform:translateY(-20px)>a classtext-gray-300 mr-0 hover:text-var(--brand) px-3 py-2 text-sm font-semibold transition-colors duration-200 hover:underline href/usecase>Use Case/a>/div>div tabindex0 styleopacity:0;transform:translateY(-20px)>a classtext-gray-300 mr-0 hover:text-var(--brand) px-3 py-2 text-sm font-semibold transition-colors duration-200 hover:underline href/about>About Us/a>/div>div tabindex0 styleopacity:0;transform:translateY(-20px)>a classtext-gray-300 mr-0 hover:text-var(--brand) px-3 py-2 text-sm font-semibold transition-colors duration-200 hover:underline hrefhttps://app.ultronai.me/Pricing-all>Pricing/a>/div>div tabindex0 styleopacity:0;transform:translateY(-20px)>a classtext-gray-300 mr-0 hover:text-var(--brand) px-3 py-2 text-sm font-semibold transition-colors duration-200 hover:underline hrefhttps://app.ultronai.me/Documentation>Documentation/a>/div>div tabindex0 styleopacity:0;transform:translateY(-20px)>a classtext-gray-300 mr-0 hover:text-var(--brand) px-3 py-2 text-sm font-semibold transition-colors duration-200 hover:underline href/contact>Contact Us/a>/div>/div>/div>div classflex-shrink-0>div classhidden md:flex items-center space-x-4 gap-3 styleopacity:0;transform:translateX(30px)>div tabindex0>button classrounded-md select-none font-medium transition-all duration-200 focus:outline-none focus:ring-0 focus:ring-offset-1 disabled:opacity-50 disabled:pointer-events-none transform-gpu text-center hover:cursor-pointer flex-center text-center bg-transparent text-current hover:bg-gray-800 hover:text-white outline outline-gray-300/60 h-8 px-2 text-sm md:h-10 md:text-sm md:px-4 text-gray-300 hover:text-white hover:bg-transparent transition-all duration-200>Sign In/button>/div>div tabindex0>button classrounded-md select-none font-medium transition-all duration-200 focus:outline-none focus:ring-0 focus:ring-offset-1 disabled:opacity-50 disabled:pointer-events-none transform-gpu text-center hover:cursor-pointer flex-center text-center btn-brand h-8 px-2 text-sm md:h-10 md:text-sm md:px-4 !text-white px-6 transition-all duration-200>Get Started/button>/div>/div>/div>div classflex-shrink-0>div classmd:hidden flex items-center>button classtext-gray-300 hover:text-white p-2 transition-all duration-200 flex items-center justify-center aria-labelToggle menu aria-expandedfalse aria-controlsmobile-menu tabindex0>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-menu h-5 w-5 sm:h-6 sm:w-6 aria-hiddentrue>path dM4 12h16>/path>path dM4 18h16>/path>path dM4 6h16>/path>/svg>/button>/div>/div>/div>/div>/nav>div classflex flex-col h-screen relative>main classflex flex-col h-screen relative>section classflex bg-black items-center justify-center min-h-screen relative overflow-hidden>div classabsolute inset-0 hero-gradient-bg>/div>div classw-full max-w-screen-xl flex-center gap-4 mt-4 xl:mt-0 sm:mt-0 sm:items-center px-6 relative z-10>div classflex flex-col gap-1 md:w-2/3 w-full sm:w-70% mt-10 sm:items-start items-center self-center text-wrap>h1 classh1 animate-fade-in-left text-white>Transform Customer Engagement with!-- --> span classbrand-highlight-text animate-gradient-text>Hyper-Realistic/span> !-- -->Ai Avatars/h1>h4 classsecondary-highlight p-2 md:p-0 animate-fade-in-left animation-delay-800 text-balance>Deploy interactive digital avatars that listen, respond, and build real connections with your customers./h4>div classanimate-fade-in-up animation-delay-1200>button classrounded-md select-none font-medium transition-all duration-200 focus:outline-none focus:ring-0 focus:ring-offset-1 disabled:opacity-50 disabled:pointer-events-none transform-gpu text-center hover:cursor-pointer flex-center text-center btn-blue-gradient text-white hover:bg-blue-700 shadow-sm h-10 px-3 text-base md:h-12 md:text-base md:px-6 cta-btn group md:w-52 w-32 mt-3>span classhidden sm:inline-block opacity-0 -translate-x-4 transition-all duration-300 group-hover:opacity-100 group-hover:translate-x-0>→/span>span classinline-block transition-transform duration-300 group-hover:translate-x-2>Get Started/span>/button>/div>/div>div classrelative self-center flex-center mt-20 sm:flex hidden min-w-1/4>div classw-350px h-auto hero-fade-mask>div classanimate-fade-in-right animation-delay-400>img althero section avatar fetchPriorityhigh width350 height300 decodingasync data-nimg1 classw-full h-auto object-contain stylecolor:transparent sizes(max-width: 768px) 90vw, (max-width: 1200px) 50vw, 350px srcSet/_next/image?url%2FultronHero.png&w384&q75 384w, /_next/image?url%2FultronHero.png&w640&q75 640w, /_next/image?url%2FultronHero.png&w750&q75 750w, /_next/image?url%2FultronHero.png&w828&q75 828w, /_next/image?url%2FultronHero.png&w1080&q75 1080w, /_next/image?url%2FultronHero.png&w1200&q75 1200w, /_next/image?url%2FultronHero.png&w1920&q75 1920w, /_next/image?url%2FultronHero.png&w2048&q75 2048w, /_next/image?url%2FultronHero.png&w3840&q75 3840w src/_next/image?url%2FultronHero.png&w3840&q75/>/div>/div>/div>/div>/section>section idmenu classh-fit bg-black text-white py-8 transition-all duration-1000 transform translate-y-12 opacity-0>nav aria-labeluseCase Navigation classflex flex-wrap items-center justify-center gap-8 px-6 md:gap-12 lg:gap-16 useCase-tabs mt-10>button classundefined text-white border-white relative overflow-hidden>Use with Web SDKdiv classabsolute bottom-0 left-0 w-full h-0.5 bg-white/20>div classh-full bg-white transition-all duration-300 ease-out stylewidth:0%>/div>/div>/button>button classundefined text-white/50 border-white/50 relative overflow-hidden>Generate Your Avatar/button>button classundefined text-white/50 border-white/50 relative overflow-hidden>Integrate Seamlessly/button>button classundefined text-white/50 border-white/50 relative overflow-hidden>Align with Your Brand/button>/nav>div classcontent flex items-center justify-center px-4 pb-8 mt-4>div classrelative useCase w-full max-w-6xl>div classrelative aspect-video w-full overflow-hidden rounded-3xl bg-gradient-to-br from-gray-900 to-black>div classarrows z-30>button classrounded-md select-none font-medium transition-all duration-200 focus:outline-none focus:ring-0 focus:ring-offset-1 disabled:opacity-50 disabled:pointer-events-none transform-gpu text-center hover:cursor-pointer flex-center text-center border border-gray-600 bg-transparent text-current hover:bg-gray-800 hover:text-white h-8 px-2 text-sm md:h-10 md:text-sm md:px-4 absolute left-10 top-50%>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-arrow-left aria-hiddentrue>path dm12 19-7-7 7-7>/path>path dM19 12H5>/path>/svg>/button>button classrounded-md select-none font-medium transition-all duration-200 focus:outline-none focus:ring-0 focus:ring-offset-1 disabled:opacity-50 disabled:pointer-events-none transform-gpu text-center hover:cursor-pointer flex-center text-center border border-gray-600 bg-transparent text-current hover:bg-gray-800 hover:text-white h-8 px-2 text-sm md:h-10 md:text-sm md:px-4 absolute right-10 top-50%>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 aria-hiddentrue>path dM5 12h14>/path>path dm12 5 7 7-7 7>/path>/svg>/button>/div>video autoPlay muted playsInline classrelative aspect-video w-full overflow-hidden rounded-3xl bg-gradient-to-br from-gray-100 to-gray-200 border-2 border-white/60 transition-all duration-500 transform scale-100 opacity-100 preloadnone titleA short demo of the AI avatar in action.>source src/usecase/videos/UseSDK.mp4 typevideo/mp4/>Your browser does not support the video tag./video>/div>/div>/div>/section>section classpx-4 sm:px-6 lg:px-8 xl:px-16 py-16 lg:py-24 relative>div classabsolute inset-0 bg-gradient-to-t from-black via-pink-500/10 to-black opacity-50>/div>div classrelative z-10 max-w-7xl mx-auto>div classtext-center mb-16 styleopacity:0;transform:translateY(30px)>h2 classtext-3xl lg:text-4xl font-semibold text-white mb-4>Our span classbrand-highlight-text>Partners/span> and!-- --> span classbrand-highlight-text>Affiliations/span>/h2>p classtext-lg text-gray-300 max-w-2xl mx-auto>Trusted by industry leaders and integrated with cutting-edge platforms/p>/div>div classmb-20>div classhidden md:block overflow-hidden relative>div classflex gap-6 animate-scroll-infinite stylewidth:calc(300% + 48px)>div classflex-shrink-0 w-48 h-32 bg-gray-800/50 backdrop-blur-sm border border-gray-700/50 rounded-xl flex items-center justify-center p-4 hover:bg-gray-700/50 hover:border-gray-600/50 transition-all duration-300 group hover:scale-105>img altPartner 1 loadinglazy width120 height80 decodingasync data-nimg1 classmax-w-full max-h-full object-contain filter brightness-90 group-hover:brightness-110 transition-all duration-300 stylecolor:transparent src/brands/brand-1.svg/>/div>div classflex-shrink-0 w-48 h-32 bg-gray-800/50 backdrop-blur-sm border border-gray-700/50 rounded-xl flex items-center justify-center p-4 hover:bg-gray-700/50 hover:border-gray-600/50 transition-all duration-300 group hover:scale-105>img altPartner 2 loadinglazy width120 height80 decodingasync data-nimg1 classmax-w-full max-h-full object-contain filter brightness-90 group-hover:brightness-110 transition-all duration-300 stylecolor:transparent src/brands/brand-2.svg/>/div>div classflex-shrink-0 w-48 h-32 bg-gray-800/50 backdrop-blur-sm border border-gray-700/50 rounded-xl flex items-center justify-center p-4 hover:bg-gray-700/50 hover:border-gray-600/50 transition-all duration-300 group hover:scale-105>img altPartner 3 loadinglazy width120 height80 decodingasync data-nimg1 classmax-w-full max-h-full object-contain filter brightness-90 group-hover:brightness-110 transition-all duration-300 stylecolor:transparent src/brands/brand-3.svg/>/div>div classflex-shrink-0 w-48 h-32 bg-gray-800/50 backdrop-blur-sm border border-gray-700/50 rounded-xl flex items-center justify-center p-4 hover:bg-gray-700/50 hover:border-gray-600/50 transition-all duration-300 group hover:scale-105>img altPartner 4 loadinglazy width120 height80 decodingasync data-nimg1 classmax-w-full max-h-full object-contain filter brightness-90 group-hover:brightness-110 transition-all duration-300 stylecolor:transparent src/brands/brand-4.svg/>/div>div classflex-shrink-0 w-48 h-32 bg-gray-800/50 backdrop-blur-sm border border-gray-700/50 rounded-xl flex items-center justify-center p-4 hover:bg-gray-700/50 hover:border-gray-600/50 transition-all duration-300 group hover:scale-105>img altPartner 5 loadinglazy width120 height80 decodingasync data-nimg1 classmax-w-full max-h-full object-contain filter brightness-90 group-hover:brightness-110 transition-all duration-300 stylecolor:transparent src/brands/brand-5.svg/>/div>div classflex-shrink-0 w-48 h-32 bg-gray-800/50 backdrop-blur-sm border border-gray-700/50 rounded-xl flex items-center justify-center p-4 hover:bg-gray-700/50 hover:border-gray-600/50 transition-all duration-300 group hover:scale-105>img altPartner 6 loadinglazy width120 height80 decodingasync data-nimg1 classmax-w-full max-h-full object-contain filter brightness-90 group-hover:brightness-110 transition-all duration-300 stylecolor:transparent src/brands/brand-6.svg/>/div>div classflex-shrink-0 w-48 h-32 bg-gray-800/50 backdrop-blur-sm border border-gray-700/50 rounded-xl flex items-center justify-center p-4 hover:bg-gray-700/50 hover:border-gray-600/50 transition-all duration-300 group hover:scale-105>img altPartner 7 loadinglazy width120 height80 decodingasync data-nimg1 classmax-w-full max-h-full object-contain filter brightness-90 group-hover:brightness-110 transition-all duration-300 stylecolor:transparent src/brands/brand-7.svg/>/div>div classflex-shrink-0 w-48 h-32 bg-gray-800/50 backdrop-blur-sm border border-gray-700/50 rounded-xl flex items-center justify-center p-4 hover:bg-gray-700/50 hover:border-gray-600/50 transition-all duration-300 group hover:scale-105>img altPartner 8 loadinglazy width120 height80 decodingasync data-nimg1 classmax-w-full max-h-full object-contain filter brightness-90 group-hover:brightness-110 transition-all duration-300 stylecolor:transparent src/brands/brand-8.svg/>/div>div classflex-shrink-0 w-48 h-32 bg-gray-800/50 backdrop-blur-sm border border-gray-700/50 rounded-xl flex items-center justify-center p-4 hover:bg-gray-700/50 hover:border-gray-600/50 transition-all duration-300 group hover:scale-105>img altPartner 9 loadinglazy width120 height80 decodingasync data-nimg1 classmax-w-full max-h-full object-contain filter brightness-90 group-hover:brightness-110 transition-all duration-300 stylecolor:transparent src/brands/brand-9.svg/>/div>div classflex-shrink-0 w-48 h-32 bg-gray-800/50 backdrop-blur-sm border border-gray-700/50 rounded-xl flex items-center justify-center p-4 hover:bg-gray-700/50 hover:border-gray-600/50 transition-all duration-300 group hover:scale-105>img altPartner 10 loadinglazy width120 height80 decodingasync data-nimg1 classmax-w-full max-h-full object-contain filter brightness-90 group-hover:brightness-110 transition-all duration-300 stylecolor:transparent src/brands/brand-10.svg/>/div>div classflex-shrink-0 w-48 h-32 bg-gray-800/50 backdrop-blur-sm border border-gray-700/50 rounded-xl flex items-center justify-center p-4 hover:bg-gray-700/50 hover:border-gray-600/50 transition-all duration-300 group hover:scale-105>img altPartner 11 loadinglazy width120 height80 decodingasync data-nimg1 classmax-w-full max-h-full object-contain filter brightness-90 group-hover:brightness-110 transition-all duration-300 stylecolor:transparent src/brands/brand-11.svg/>/div>div classflex-shrink-0 w-48 h-32 bg-gray-800/50 backdrop-blur-sm border border-gray-700/50 rounded-xl flex items-center justify-center p-4 hover:bg-gray-700/50 hover:border-gray-600/50 transition-all duration-300 group hover:scale-105>img altPartner 12 loadinglazy width120 height80 decodingasync data-nimg1 classmax-w-full max-h-full object-contain filter brightness-90 group-hover:brightness-110 transition-all duration-300 stylecolor:transparent src/brands/brand-12.svg/>/div>div classflex-shrink-0 w-48 h-32 bg-gray-800/50 backdrop-blur-sm border border-gray-700/50 rounded-xl flex items-center justify-center p-4 hover:bg-gray-700/50 hover:border-gray-600/50 transition-all duration-300 group hover:scale-105>img altPartner 13 loadinglazy width120 height80 decodingasync data-nimg1 classmax-w-full max-h-full object-contain filter brightness-90 group-hover:brightness-110 transition-all duration-300 stylecolor:transparent src/brands/brand-13.svg/>/div>div classflex-shrink-0 w-48 h-32 bg-gray-800/50 backdrop-blur-sm border border-gray-700/50 rounded-xl flex items-center justify-center p-4 hover:bg-gray-700/50 hover:border-gray-600/50 transition-all duration-300 group hover:scale-105>img altPartner 1 loadinglazy width120 height80 decodingasync data-nimg1 classmax-w-full max-h-full object-contain filter brightness-90 group-hover:brightness-110 transition-all duration-300 stylecolor:transparent src/brands/brand-1.svg/>/div>div classflex-shrink-0 w-48 h-32 bg-gray-800/50 backdrop-blur-sm border border-gray-700/50 rounded-xl flex items-center justify-center p-4 hover:bg-gray-700/50 hover:border-gray-600/50 transition-all duration-300 group hover:scale-105>img altPartner 2 loadinglazy width120 height80 decodingasync data-nimg1 classmax-w-full max-h-full object-contain filter brightness-90 group-hover:brightness-110 transition-all duration-300 stylecolor:transparent src/brands/brand-2.svg/>/div>div classflex-shrink-0 w-48 h-32 bg-gray-800/50 backdrop-blur-sm border border-gray-700/50 rounded-xl flex items-center justify-center p-4 hover:bg-gray-700/50 hover:border-gray-600/50 transition-all duration-300 group hover:scale-105>img altPartner 3 loadinglazy width120 height80 decodingasync data-nimg1 classmax-w-full max-h-full object-contain filter brightness-90 group-hover:brightness-110 transition-all duration-300 stylecolor:transparent src/brands/brand-3.svg/>/div>div classflex-shrink-0 w-48 h-32 bg-gray-800/50 backdrop-blur-sm border border-gray-700/50 rounded-xl flex items-center justify-center p-4 hover:bg-gray-700/50 hover:border-gray-600/50 transition-all duration-300 group hover:scale-105>img altPartner 4 loadinglazy width120 height80 decodingasync data-nimg1 classmax-w-full max-h-full object-contain filter brightness-90 group-hover:brightness-110 transition-all duration-300 stylecolor:transparent src/brands/brand-4.svg/>/div>div classflex-shrink-0 w-48 h-32 bg-gray-800/50 backdrop-blur-sm border border-gray-700/50 rounded-xl flex items-center justify-center p-4 hover:bg-gray-700/50 hover:border-gray-600/50 transition-all duration-300 group hover:scale-105>img altPartner 5 loadinglazy width120 height80 decodingasync data-nimg1 classmax-w-full max-h-full object-contain filter brightness-90 group-hover:brightness-110 transition-all duration-300 stylecolor:transparent src/brands/brand-5.svg/>/div>div classflex-shrink-0 w-48 h-32 bg-gray-800/50 backdrop-blur-sm border border-gray-700/50 rounded-xl flex items-center justify-center p-4 hover:bg-gray-700/50 hover:border-gray-600/50 transition-all duration-300 group hover:scale-105>img altPartner 6 loadinglazy width120 height80 decodingasync data-nimg1 classmax-w-full max-h-full object-contain filter brightness-90 group-hover:brightness-110 transition-all duration-300 stylecolor:transparent src/brands/brand-6.svg/>/div>div classflex-shrink-0 w-48 h-32 bg-gray-800/50 backdrop-blur-sm border border-gray-700/50 rounded-xl flex items-center justify-center p-4 hover:bg-gray-700/50 hover:border-gray-600/50 transition-all duration-300 group hover:scale-105>img altPartner 7 loadinglazy width120 height80 decodingasync data-nimg1 classmax-w-full max-h-full object-contain filter brightness-90 group-hover:brightness-110 transition-all duration-300 stylecolor:transparent src/brands/brand-7.svg/>/div>div classflex-shrink-0 w-48 h-32 bg-gray-800/50 backdrop-blur-sm border border-gray-700/50 rounded-xl flex items-center justify-center p-4 hover:bg-gray-700/50 hover:border-gray-600/50 transition-all duration-300 group hover:scale-105>img altPartner 8 loadinglazy width120 height80 decodingasync data-nimg1 classmax-w-full max-h-full object-contain filter brightness-90 group-hover:brightness-110 transition-all duration-300 stylecolor:transparent src/brands/brand-8.svg/>/div>div classflex-shrink-0 w-48 h-32 bg-gray-800/50 backdrop-blur-sm border border-gray-700/50 rounded-xl flex items-center justify-center p-4 hover:bg-gray-700/50 hover:border-gray-600/50 transition-all duration-300 group hover:scale-105>img altPartner 9 loadinglazy width120 height80 decodingasync data-nimg1 classmax-w-full max-h-full object-contain filter brightness-90 group-hover:brightness-110 transition-all duration-300 stylecolor:transparent src/brands/brand-9.svg/>/div>div classflex-shrink-0 w-48 h-32 bg-gray-800/50 backdrop-blur-sm border border-gray-700/50 rounded-xl flex items-center justify-center p-4 hover:bg-gray-700/50 hover:border-gray-600/50 transition-all duration-300 group hover:scale-105>img altPartner 10 loadinglazy width120 height80 decodingasync data-nimg1 classmax-w-full max-h-full object-contain filter brightness-90 group-hover:brightness-110 transition-all duration-300 stylecolor:transparent src/brands/brand-10.svg/>/div>div classflex-shrink-0 w-48 h-32 bg-gray-800/50 backdrop-blur-sm border border-gray-700/50 rounded-xl flex items-center justify-center p-4 hover:bg-gray-700/50 hover:border-gray-600/50 transition-all duration-300 group hover:scale-105>img altPartner 11 loadinglazy width120 height80 decodingasync data-nimg1 classmax-w-full max-h-full object-contain filter brightness-90 group-hover:brightness-110 transition-all duration-300 stylecolor:transparent src/brands/brand-11.svg/>/div>div classflex-shrink-0 w-48 h-32 bg-gray-800/50 backdrop-blur-sm border border-gray-700/50 rounded-xl flex items-center justify-center p-4 hover:bg-gray-700/50 hover:border-gray-600/50 transition-all duration-300 group hover:scale-105>img altPartner 12 loadinglazy width120 height80 decodingasync data-nimg1 classmax-w-full max-h-full object-contain filter brightness-90 group-hover:brightness-110 transition-all duration-300 stylecolor:transparent src/brands/brand-12.svg/>/div>div classflex-shrink-0 w-48 h-32 bg-gray-800/50 backdrop-blur-sm border border-gray-700/50 rounded-xl flex items-center justify-center p-4 hover:bg-gray-700/50 hover:border-gray-600/50 transition-all duration-300 group hover:scale-105>img altPartner 13 loadinglazy width120 height80 decodingasync data-nimg1 classmax-w-full max-h-full object-contain filter brightness-90 group-hover:brightness-110 transition-all duration-300 stylecolor:transparent src/brands/brand-13.svg/>/div>div classflex-shrink-0 w-48 h-32 bg-gray-800/50 backdrop-blur-sm border border-gray-700/50 rounded-xl flex items-center justify-center p-4 hover:bg-gray-700/50 hover:border-gray-600/50 transition-all duration-300 group hover:scale-105>img altPartner 1 loadinglazy width120 height80 decodingasync data-nimg1 classmax-w-full max-h-full object-contain filter brightness-90 group-hover:brightness-110 transition-all duration-300 stylecolor:transparent src/brands/brand-1.svg/>/div>div classflex-shrink-0 w-48 h-32 bg-gray-800/50 backdrop-blur-sm border border-gray-700/50 rounded-xl flex items-center justify-center p-4 hover:bg-gray-700/50 hover:border-gray-600/50 transition-all duration-300 group hover:scale-105>img altPartner 2 loadinglazy width120 height80 decodingasync data-nimg1 classmax-w-full max-h-full object-contain filter brightness-90 group-hover:brightness-110 transition-all duration-300 stylecolor:transparent src/brands/brand-2.svg/>/div>div classflex-shrink-0 w-48 h-32 bg-gray-800/50 backdrop-blur-sm border border-gray-700/50 rounded-xl flex items-center justify-center p-4 hover:bg-gray-700/50 hover:border-gray-600/50 transition-all duration-300 group hover:scale-105>img altPartner 3 loadinglazy width120 height80 decodingasync data-nimg1 classmax-w-full max-h-full object-contain filter brightness-90 group-hover:brightness-110 transition-all duration-300 stylecolor:transparent src/brands/brand-3.svg/>/div>div classflex-shrink-0 w-48 h-32 bg-gray-800/50 backdrop-blur-sm border border-gray-700/50 rounded-xl flex items-center justify-center p-4 hover:bg-gray-700/50 hover:border-gray-600/50 transition-all duration-300 group hover:scale-105>img altPartner 4 loadinglazy width120 height80 decodingasync data-nimg1 classmax-w-full max-h-full object-contain filter brightness-90 group-hover:brightness-110 transition-all duration-300 stylecolor:transparent src/brands/brand-4.svg/>/div>div classflex-shrink-0 w-48 h-32 bg-gray-800/50 backdrop-blur-sm border border-gray-700/50 rounded-xl flex items-center justify-center p-4 hover:bg-gray-700/50 hover:border-gray-600/50 transition-all duration-300 group hover:scale-105>img altPartner 5 loadinglazy width120 height80 decodingasync data-nimg1 classmax-w-full max-h-full object-contain filter brightness-90 group-hover:brightness-110 transition-all duration-300 stylecolor:transparent src/brands/brand-5.svg/>/div>div classflex-shrink-0 w-48 h-32 bg-gray-800/50 backdrop-blur-sm border border-gray-700/50 rounded-xl flex items-center justify-center p-4 hover:bg-gray-700/50 hover:border-gray-600/50 transition-all duration-300 group hover:scale-105>img altPartner 6 loadinglazy width120 height80 decodingasync data-nimg1 classmax-w-full max-h-full object-contain filter brightness-90 group-hover:brightness-110 transition-all duration-300 stylecolor:transparent src/brands/brand-6.svg/>/div>div classflex-shrink-0 w-48 h-32 bg-gray-800/50 backdrop-blur-sm border border-gray-700/50 rounded-xl flex items-center justify-center p-4 hover:bg-gray-700/50 hover:border-gray-600/50 transition-all duration-300 group hover:scale-105>img altPartner 7 loadinglazy width120 height80 decodingasync data-nimg1 classmax-w-full max-h-full object-contain filter brightness-90 group-hover:brightness-110 transition-all duration-300 stylecolor:transparent src/brands/brand-7.svg/>/div>div classflex-shrink-0 w-48 h-32 bg-gray-800/50 backdrop-blur-sm border border-gray-700/50 rounded-xl flex items-center justify-center p-4 hover:bg-gray-700/50 hover:border-gray-600/50 transition-all duration-300 group hover:scale-105>img altPartner 8 loadinglazy width120 height80 decodingasync data-nimg1 classmax-w-full max-h-full object-contain filter brightness-90 group-hover:brightness-110 transition-all duration-300 stylecolor:transparent src/brands/brand-8.svg/>/div>div classflex-shrink-0 w-48 h-32 bg-gray-800/50 backdrop-blur-sm border border-gray-700/50 rounded-xl flex items-center justify-center p-4 hover:bg-gray-700/50 hover:border-gray-600/50 transition-all duration-300 group hover:scale-105>img altPartner 9 loadinglazy width120 height80 decodingasync data-nimg1 classmax-w-full max-h-full object-contain filter brightness-90 group-hover:brightness-110 transition-all duration-300 stylecolor:transparent src/brands/brand-9.svg/>/div>div classflex-shrink-0 w-48 h-32 bg-gray-800/50 backdrop-blur-sm border border-gray-700/50 rounded-xl flex items-center justify-center p-4 hover:bg-gray-700/50 hover:border-gray-600/50 transition-all duration-300 group hover:scale-105>img altPartner 10 loadinglazy width120 height80 decodingasync data-nimg1 classmax-w-full max-h-full object-contain filter brightness-90 group-hover:brightness-110 transition-all duration-300 stylecolor:transparent src/brands/brand-10.svg/>/div>div classflex-shrink-0 w-48 h-32 bg-gray-800/50 backdrop-blur-sm border border-gray-700/50 rounded-xl flex items-center justify-center p-4 hover:bg-gray-700/50 hover:border-gray-600/50 transition-all duration-300 group hover:scale-105>img altPartner 11 loadinglazy width120 height80 decodingasync data-nimg1 classmax-w-full max-h-full object-contain filter brightness-90 group-hover:brightness-110 transition-all duration-300 stylecolor:transparent src/brands/brand-11.svg/>/div>div classflex-shrink-0 w-48 h-32 bg-gray-800/50 backdrop-blur-sm border border-gray-700/50 rounded-xl flex items-center justify-center p-4 hover:bg-gray-700/50 hover:border-gray-600/50 transition-all duration-300 group hover:scale-105>img altPartner 12 loadinglazy width120 height80 decodingasync data-nimg1 classmax-w-full max-h-full object-contain filter brightness-90 group-hover:brightness-110 transition-all duration-300 stylecolor:transparent src/brands/brand-12.svg/>/div>div classflex-shrink-0 w-48 h-32 bg-gray-800/50 backdrop-blur-sm border border-gray-700/50 rounded-xl flex items-center justify-center p-4 hover:bg-gray-700/50 hover:border-gray-600/50 transition-all duration-300 group hover:scale-105>img altPartner 13 loadinglazy width120 height80 decodingasync data-nimg1 classmax-w-full max-h-full object-contain filter brightness-90 group-hover:brightness-110 transition-all duration-300 stylecolor:transparent src/brands/brand-13.svg/>/div>/div>/div>div classmd:hidden grid grid-cols-2 gap-4>div classaspect-3/2 bg-gray-800/50 backdrop-blur-sm border border-gray-700/50 rounded-xl flex items-center justify-center p-3 hover:bg-gray-700/50 hover:border-gray-600/50 transition-all duration-300 styleopacity:0;transform:scale(0.8)>img altPartner 1 loadinglazy width100 height60 decodingasync data-nimg1 classmax-w-full max-h-full object-contain filter brightness-90 stylecolor:transparent src/brands/brand-1.svg/>/div>div classaspect-3/2 bg-gray-800/50 backdrop-blur-sm border border-gray-700/50 rounded-xl flex items-center justify-center p-3 hover:bg-gray-700/50 hover:border-gray-600/50 transition-all duration-300 styleopacity:0;transform:scale(0.8)>img altPartner 2 loadinglazy width100 height60 decodingasync data-nimg1 classmax-w-full max-h-full object-contain filter brightness-90 stylecolor:transparent src/brands/brand-2.svg/>/div>div classaspect-3/2 bg-gray-800/50 backdrop-blur-sm border border-gray-700/50 rounded-xl flex items-center justify-center p-3 hover:bg-gray-700/50 hover:border-gray-600/50 transition-all duration-300 styleopacity:0;transform:scale(0.8)>img altPartner 3 loadinglazy width100 height60 decodingasync data-nimg1 classmax-w-full max-h-full object-contain filter brightness-90 stylecolor:transparent src/brands/brand-3.svg/>/div>div classaspect-3/2 bg-gray-800/50 backdrop-blur-sm border border-gray-700/50 rounded-xl flex items-center justify-center p-3 hover:bg-gray-700/50 hover:border-gray-600/50 transition-all duration-300 styleopacity:0;transform:scale(0.8)>img altPartner 4 loadinglazy width100 height60 decodingasync data-nimg1 classmax-w-full max-h-full object-contain filter brightness-90 stylecolor:transparent src/brands/brand-4.svg/>/div>div classaspect-3/2 bg-gray-800/50 backdrop-blur-sm border border-gray-700/50 rounded-xl flex items-center justify-center p-3 hover:bg-gray-700/50 hover:border-gray-600/50 transition-all duration-300 styleopacity:0;transform:scale(0.8)>img altPartner 5 loadinglazy width100 height60 decodingasync data-nimg1 classmax-w-full max-h-full object-contain filter brightness-90 stylecolor:transparent src/brands/brand-5.svg/>/div>div classaspect-3/2 bg-gray-800/50 backdrop-blur-sm border border-gray-700/50 rounded-xl flex items-center justify-center p-3 hover:bg-gray-700/50 hover:border-gray-600/50 transition-all duration-300 styleopacity:0;transform:scale(0.8)>img altPartner 6 loadinglazy width100 height60 decodingasync data-nimg1 classmax-w-full max-h-full object-contain filter brightness-90 stylecolor:transparent src/brands/brand-6.svg/>/div>div classaspect-3/2 bg-gray-800/50 backdrop-blur-sm border border-gray-700/50 rounded-xl flex items-center justify-center p-3 hover:bg-gray-700/50 hover:border-gray-600/50 transition-all duration-300 styleopacity:0;transform:scale(0.8)>img altPartner 7 loadinglazy width100 height60 decodingasync data-nimg1 classmax-w-full max-h-full object-contain filter brightness-90 stylecolor:transparent src/brands/brand-7.svg/>/div>div classaspect-3/2 bg-gray-800/50 backdrop-blur-sm border border-gray-700/50 rounded-xl flex items-center justify-center p-3 hover:bg-gray-700/50 hover:border-gray-600/50 transition-all duration-300 styleopacity:0;transform:scale(0.8)>img altPartner 8 loadinglazy width100 height60 decodingasync data-nimg1 classmax-w-full max-h-full object-contain filter brightness-90 stylecolor:transparent src/brands/brand-8.svg/>/div>div classaspect-3/2 bg-gray-800/50 backdrop-blur-sm border border-gray-700/50 rounded-xl flex items-center justify-center p-3 hover:bg-gray-700/50 hover:border-gray-600/50 transition-all duration-300 styleopacity:0;transform:scale(0.8)>img altPartner 9 loadinglazy width100 height60 decodingasync data-nimg1 classmax-w-full max-h-full object-contain filter brightness-90 stylecolor:transparent src/brands/brand-9.svg/>/div>div classaspect-3/2 bg-gray-800/50 backdrop-blur-sm border border-gray-700/50 rounded-xl flex items-center justify-center p-3 hover:bg-gray-700/50 hover:border-gray-600/50 transition-all duration-300 styleopacity:0;transform:scale(0.8)>img altPartner 10 loadinglazy width100 height60 decodingasync data-nimg1 classmax-w-full max-h-full object-contain filter brightness-90 stylecolor:transparent src/brands/brand-10.svg/>/div>div classaspect-3/2 bg-gray-800/50 backdrop-blur-sm border border-gray-700/50 rounded-xl flex items-center justify-center p-3 hover:bg-gray-700/50 hover:border-gray-600/50 transition-all duration-300 styleopacity:0;transform:scale(0.8)>img altPartner 11 loadinglazy width100 height60 decodingasync data-nimg1 classmax-w-full max-h-full object-contain filter brightness-90 stylecolor:transparent src/brands/brand-11.svg/>/div>div classaspect-3/2 bg-gray-800/50 backdrop-blur-sm border border-gray-700/50 rounded-xl flex items-center justify-center p-3 hover:bg-gray-700/50 hover:border-gray-600/50 transition-all duration-300 styleopacity:0;transform:scale(0.8)>img altPartner 12 loadinglazy width100 height60 decodingasync data-nimg1 classmax-w-full max-h-full object-contain filter brightness-90 stylecolor:transparent src/brands/brand-12.svg/>/div>div classaspect-3/2 bg-gray-800/50 backdrop-blur-sm border border-gray-700/50 rounded-xl flex items-center justify-center p-3 hover:bg-gray-700/50 hover:border-gray-600/50 transition-all duration-300 styleopacity:0;transform:scale(0.8)>img altPartner 13 loadinglazy width100 height60 decodingasync data-nimg1 classmax-w-full max-h-full object-contain filter brightness-90 stylecolor:transparent src/brands/brand-13.svg/>/div>/div>/div>div classtext-center mb-12>h3 classtext-2xl lg:text-3xl font-semibold text-white mb-4 styleopacity:0;transform:translateY(20px)>span classbrand-highlight-text>Our Platforms/span>/h3>p classtext-lg text-gray-300 max-w-xl mx-auto styleopacity:0;transform:translateY(20px)>Our platforms are designed to help you connect with your audience and grow your business./p>/div>div classflex justify-center gap-6 items-center>a hrefhttps://ultronai.me target_blank relnoopener noreferrer aria-labelUltron AI classgroup relative bg-gray-800/40 backdrop-blur-sm border border-gray-700/50 rounded-xl p-6 hover:bg-gray-700/50 hover:border-gray-600/50 transform transition-all duration-300 flex flex-col items-center text-center opacity-0 translate-y-6 stylewill-change:transform, opacity>div classrelative z-10 flex flex-col items-center overflow-hidden>div classmb-3 md:w-35vw w-full h-auto>img altUltron AI loadinglazy width420 height420 decodingasync data-nimg1 classh-full w-full object-contain stylecolor:transparent srcSet/_next/image?url%2Fimages%2FultronClient.webp&w640&q75 1x, /_next/image?url%2Fimages%2FultronClient.webp&w1080&q75 2x src/_next/image?url%2Fimages%2FultronClient.webp&w1080&q75/>/div>h4 classtext-sm font-semibold text-white group-hover:text-white transition-colors duration-300>Ultron AI/h4>/div>/a>/div>/div>/section>div aria-labelA video demonstrating the capabilities of the AI avatar. classjsx-9b7df9f24d63e92a relative min-h-screen bg-black overflow-hidden flex items-center justify-center py-20 px-4 md:pb-44>div classjsx-9b7df9f24d63e92a absolute inset-0 bg-gradient-radial from-pink-500/20 via-transparent to-transparent opacity-50>/div>div classjsx-9b7df9f24d63e92a relative z-10 max-w-7xl mx-auto p-1 md:p-16 lg:p-32 items-center transition-all duration-1000 transform opacity-0 translate-y-20 scale-95>div classjsx-9b7df9f24d63e92a relative flex justify-center lg:justify-end>div classjsx-9b7df9f24d63e92a absolute inset-0 rounded-full bg-gradient-radial from-pink-500/30 via-transparent to-transparent blur-3xl opacity-50>/div>div stylebox-shadow:0 25px 50px -12px rgba(0, 0, 0, 0.8), 0 0 100px rgba(236, 72, 153, 0.3) classjsx-9b7df9f24d63e92a aspect-video relative bg-gradient-to-b from-gray-950 to-black rounded-3xl p-2 shadow-2xl border border-gray-900>div classjsx-9b7df9f24d63e92a relative w-full h-fit bg-black rounded-3xl overflow-hidden border-2 border-black>video autoPlay muted loop playsInline class object-contain aspect-video loadinglazy preloadnone titleA short demo of the AI avatar in action.>source src/videos/shortDemo.mp4 typevideo/mp4/>Your browser does not support the video tag./video>div classjsx-9b7df9f24d63e92a absolute inset-0 bg-gradient-to-t from-transparent via-transparent to-white/5 pointer-events-none>/div>/div>div classjsx-9b7df9f24d63e92a absolute -bottom-4 left-1/2 transform -translate-x-1/2 w-5 h-4 bg-gradient-to-b from-gray-900 to-gray-950 >/div>div classjsx-9b7df9f24d63e92a absolute -bottom-8 left-1/2 transform -translate-x-1/2 w-32 h-4 bg-gradient-to-b from-gray-950 to-black/80 rounded-lg>/div>/div>/div>/div>/div>section classw-full relative bg-black sm:px-2 px-3>div classmax-w-screen-xl md:px-6 flex mx-auto flex-col gap-4 items-start justify-start w-full py-10 min-h-screen>div classflex flex-col gap-4 w-full>h2 classh1 w-98% text-gradient text-balance text-center>Try span classbrand-highlight-text>Hyper-Realistic/span> AI Avatars/h2>h5 classsecondary-highlight w-98% text-balance text-center>Each avatar is unique and can be customized to reflect your brand's identity and values./h5>/div>div classgrid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 w-full>div classrelative w-full h-64 rounded-2xl overflow-hidden group cursor-pointer transition-all duration-500 hover:shadow-2xl hover:shadow-pink-400/25 hover:-translate-y-2 >div classabsolute inset-0 transition-transform duration-700 group-hover:scale-110>img altAI avatar interacting with a user from a laptop screen data-ai-hintavatar laptop interaction loadinglazy decodingasync data-nimgfill classobject-cover styleposition:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent sizes(max-width: 768px) 90vw, (max-width: 1200px) 50vw, 33vw srcSet/_next/image?url%2Favatars%2F10.jpg&w256&q75 256w, /_next/image?url%2Favatars%2F10.jpg&w384&q75 384w, /_next/image?url%2Favatars%2F10.jpg&w640&q75 640w, /_next/image?url%2Favatars%2F10.jpg&w750&q75 750w, /_next/image?url%2Favatars%2F10.jpg&w828&q75 828w, /_next/image?url%2Favatars%2F10.jpg&w1080&q75 1080w, /_next/image?url%2Favatars%2F10.jpg&w1200&q75 1200w, /_next/image?url%2Favatars%2F10.jpg&w1920&q75 1920w, /_next/image?url%2Favatars%2F10.jpg&w2048&q75 2048w, /_next/image?url%2Favatars%2F10.jpg&w3840&q75 3840w src/_next/image?url%2Favatars%2F10.jpg&w3840&q75/>/div>div classabsolute inset-0 bg-gradient-to-t from-black/60 via-transparent to-transparent opacity-70 group-hover:opacity-90 transition-opacity duration-300>/div>div classundefined relative h-full flex flex-col justify-between p-6>div classtransform transition-all duration-300 group-hover:translate-y-0 translate-y-2>h3 classtext-2xl font-bold leading-tight readable-text transform transition-all duration-300 group-hover:scale-105 group-hover:translate-x-2 group-hover:translate-y-1>Nick/h3>p classtext-white/90 text-sm readable-text transform transition-all duration-300 delay-75 group-hover:translate-y-1 opacity-90 group-hover:opacity-100>Business Intelligence/p>/div>div classflex items-center justify-end transform transition-all duration-300 group-hover:translate-y-0 translate-y-2>button classrounded-md select-none font-medium transition-all duration-200 focus:outline-none focus:ring-0 focus:ring-offset-1 disabled:opacity-50 disabled:pointer-events-none transform-gpu text-center hover:cursor-pointer flex-center text-center btn-brand h-8 px-2 text-sm md:h-10 md:text-sm md:px-4 !text-white px-4 py-2 rounded-full text-sm font-medium readable-text transition-all duration-300 hover:scale-105 hover:shadow-lg hover:shadow-pink-500/20 hover:animate-none>Talk now/button>/div>/div>div classabsolute inset-0 rounded-2xl border-2 border-transparent group-hover:border-white/20 transition-all duration-300 pointer-events-none>/div>/div>div classrelative w-full h-64 rounded-2xl overflow-hidden group cursor-pointer transition-all duration-500 hover:shadow-2xl hover:shadow-pink-400/25 hover:-translate-y-2 >div classabsolute inset-0 transition-transform duration-700 group-hover:scale-110>img altAI avatar interacting with a user from a laptop screen data-ai-hintavatar laptop interaction loadinglazy decodingasync data-nimgfill classobject-cover styleposition:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent sizes(max-width: 768px) 90vw, (max-width: 1200px) 50vw, 33vw srcSet/_next/image?url%2Favatars%2F3.jpg&w256&q75 256w, /_next/image?url%2Favatars%2F3.jpg&w384&q75 384w, /_next/image?url%2Favatars%2F3.jpg&w640&q75 640w, /_next/image?url%2Favatars%2F3.jpg&w750&q75 750w, /_next/image?url%2Favatars%2F3.jpg&w828&q75 828w, /_next/image?url%2Favatars%2F3.jpg&w1080&q75 1080w, /_next/image?url%2Favatars%2F3.jpg&w1200&q75 1200w, /_next/image?url%2Favatars%2F3.jpg&w1920&q75 1920w, /_next/image?url%2Favatars%2F3.jpg&w2048&q75 2048w, /_next/image?url%2Favatars%2F3.jpg&w3840&q75 3840w src/_next/image?url%2Favatars%2F3.jpg&w3840&q75/>/div>div classabsolute inset-0 bg-gradient-to-t from-black/60 via-transparent to-transparent opacity-70 group-hover:opacity-90 transition-opacity duration-300>/div>div classundefined relative h-full flex flex-col justify-between p-6>div classtransform transition-all duration-300 group-hover:translate-y-0 translate-y-2>h3 classtext-2xl font-bold leading-tight readable-text transform transition-all duration-300 group-hover:scale-105 group-hover:translate-x-2 group-hover:translate-y-1>Jaxon/h3>p classtext-white/90 text-sm readable-text transform transition-all duration-300 delay-75 group-hover:translate-y-1 opacity-90 group-hover:opacity-100>Customer Support/p>/div>div classflex items-center justify-end transform transition-all duration-300 group-hover:translate-y-0 translate-y-2>button classrounded-md select-none font-medium transition-all duration-200 focus:outline-none focus:ring-0 focus:ring-offset-1 disabled:opacity-50 disabled:pointer-events-none transform-gpu text-center hover:cursor-pointer flex-center text-center btn-brand h-8 px-2 text-sm md:h-10 md:text-sm md:px-4 !text-white px-4 py-2 rounded-full text-sm font-medium readable-text transition-all duration-300 hover:scale-105 hover:shadow-lg hover:shadow-pink-500/20 hover:animate-none>Talk now/button>/div>/div>div classabsolute inset-0 rounded-2xl border-2 border-transparent group-hover:border-white/20 transition-all duration-300 pointer-events-none>/div>/div>div classrelative w-full h-64 rounded-2xl overflow-hidden group cursor-pointer transition-all duration-500 hover:shadow-2xl hover:shadow-pink-400/25 hover:-translate-y-2 >div classabsolute inset-0 transition-transform duration-700 group-hover:scale-110>img altAI avatar interacting with a user from a laptop screen data-ai-hintavatar laptop interaction loadinglazy decodingasync data-nimgfill classobject-cover styleposition:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent sizes(max-width: 768px) 90vw, (max-width: 1200px) 50vw, 33vw srcSet/_next/image?url%2Favatars%2F9.jpg&w256&q75 256w, /_next/image?url%2Favatars%2F9.jpg&w384&q75 384w, /_next/image?url%2Favatars%2F9.jpg&w640&q75 640w, /_next/image?url%2Favatars%2F9.jpg&w750&q75 750w, /_next/image?url%2Favatars%2F9.jpg&w828&q75 828w, /_next/image?url%2Favatars%2F9.jpg&w1080&q75 1080w, /_next/image?url%2Favatars%2F9.jpg&w1200&q75 1200w, /_next/image?url%2Favatars%2F9.jpg&w1920&q75 1920w, /_next/image?url%2Favatars%2F9.jpg&w2048&q75 2048w, /_next/image?url%2Favatars%2F9.jpg&w3840&q75 3840w src/_next/image?url%2Favatars%2F9.jpg&w3840&q75/>/div>div classabsolute inset-0 bg-gradient-to-t from-black/60 via-transparent to-transparent opacity-70 group-hover:opacity-90 transition-opacity duration-300>/div>div classundefined relative h-full flex flex-col justify-between p-6>div classtransform transition-all duration-300 group-hover:translate-y-0 translate-y-2>h3 classtext-2xl font-bold leading-tight readable-text transform transition-all duration-300 group-hover:scale-105 group-hover:translate-x-2 group-hover:translate-y-1>Roxanne/h3>p classtext-white/90 text-sm readable-text transform transition-all duration-300 delay-75 group-hover:translate-y-1 opacity-90 group-hover:opacity-100>Security Expert/p>/div>div classflex items-center justify-end transform transition-all duration-300 group-hover:translate-y-0 translate-y-2>button classrounded-md select-none font-medium transition-all duration-200 focus:outline-none focus:ring-0 focus:ring-offset-1 disabled:opacity-50 disabled:pointer-events-none transform-gpu text-center hover:cursor-pointer flex-center text-center btn-brand h-8 px-2 text-sm md:h-10 md:text-sm md:px-4 !text-white px-4 py-2 rounded-full text-sm font-medium readable-text transition-all duration-300 hover:scale-105 hover:shadow-lg hover:shadow-pink-500/20 hover:animate-none>Talk now/button>/div>/div>div classabsolute inset-0 rounded-2xl border-2 border-transparent group-hover:border-white/20 transition-all duration-300 pointer-events-none>/div>/div>div classrelative w-full h-64 rounded-2xl overflow-hidden group cursor-pointer transition-all duration-500 hover:shadow-2xl hover:shadow-pink-400/25 hover:-translate-y-2 >div classabsolute inset-0 transition-transform duration-700 group-hover:scale-110>img altAI avatar interacting with a user from a laptop screen data-ai-hintavatar laptop interaction loadinglazy decodingasync data-nimgfill classobject-cover styleposition:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent sizes(max-width: 768px) 90vw, (max-width: 1200px) 50vw, 33vw srcSet/_next/image?url%2Favatars%2F8.jpg&w256&q75 256w, /_next/image?url%2Favatars%2F8.jpg&w384&q75 384w, /_next/image?url%2Favatars%2F8.jpg&w640&q75 640w, /_next/image?url%2Favatars%2F8.jpg&w750&q75 750w, /_next/image?url%2Favatars%2F8.jpg&w828&q75 828w, /_next/image?url%2Favatars%2F8.jpg&w1080&q75 1080w, /_next/image?url%2Favatars%2F8.jpg&w1200&q75 1200w, /_next/image?url%2Favatars%2F8.jpg&w1920&q75 1920w, /_next/image?url%2Favatars%2F8.jpg&w2048&q75 2048w, /_next/image?url%2Favatars%2F8.jpg&w3840&q75 3840w src/_next/image?url%2Favatars%2F8.jpg&w3840&q75/>/div>div classabsolute inset-0 bg-gradient-to-t from-black/60 via-transparent to-transparent opacity-70 group-hover:opacity-90 transition-opacity duration-300>/div>div classundefined relative h-full flex flex-col justify-between p-6>div classtransform transition-all duration-300 group-hover:translate-y-0 translate-y-2>h3 classtext-2xl font-bold leading-tight readable-text transform transition-all duration-300 group-hover:scale-105 group-hover:translate-x-2 group-hover:translate-y-1>Rhea/h3>p classtext-white/90 text-sm readable-text transform transition-all duration-300 delay-75 group-hover:translate-y-1 opacity-90 group-hover:opacity-100>Receptionist Support/p>/div>div classflex items-center justify-end transform transition-all duration-300 group-hover:translate-y-0 translate-y-2>button classrounded-md select-none font-medium transition-all duration-200 focus:outline-none focus:ring-0 focus:ring-offset-1 disabled:opacity-50 disabled:pointer-events-none transform-gpu text-center hover:cursor-pointer flex-center text-center btn-brand h-8 px-2 text-sm md:h-10 md:text-sm md:px-4 !text-white px-4 py-2 rounded-full text-sm font-medium readable-text transition-all duration-300 hover:scale-105 hover:shadow-lg hover:shadow-pink-500/20 hover:animate-none>Talk now/button>/div>/div>div classabsolute inset-0 rounded-2xl border-2 border-transparent group-hover:border-white/20 transition-all duration-300 pointer-events-none>/div>/div>div classrelative w-full h-64 rounded-2xl overflow-hidden group cursor-pointer transition-all duration-500 hover:shadow-2xl hover:shadow-pink-400/25 hover:-translate-y-2 >div classabsolute inset-0 transition-transform duration-700 group-hover:scale-110>img altAI avatar interacting with a user from a laptop screen data-ai-hintavatar laptop interaction loadinglazy decodingasync data-nimgfill classobject-cover styleposition:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent sizes(max-width: 768px) 90vw, (max-width: 1200px) 50vw, 33vw srcSet/_next/image?url%2Favatars%2F1.jpg&w256&q75 256w, /_next/image?url%2Favatars%2F1.jpg&w384&q75 384w, /_next/image?url%2Favatars%2F1.jpg&w640&q75 640w, /_next/image?url%2Favatars%2F1.jpg&w750&q75 750w, /_next/image?url%2Favatars%2F1.jpg&w828&q75 828w, /_next/image?url%2Favatars%2F1.jpg&w1080&q75 1080w, /_next/image?url%2Favatars%2F1.jpg&w1200&q75 1200w, /_next/image?url%2Favatars%2F1.jpg&w1920&q75 1920w, /_next/image?url%2Favatars%2F1.jpg&w2048&q75 2048w, /_next/image?url%2Favatars%2F1.jpg&w3840&q75 3840w src/_next/image?url%2Favatars%2F1.jpg&w3840&q75/>/div>div classabsolute inset-0 bg-gradient-to-t from-black/60 via-transparent to-transparent opacity-70 group-hover:opacity-90 transition-opacity duration-300>/div>div classundefined relative h-full flex flex-col justify-between p-6>div classtransform transition-all duration-300 group-hover:translate-y-0 translate-y-2>h3 classtext-2xl font-bold leading-tight readable-text transform transition-all duration-300 group-hover:scale-105 group-hover:translate-x-2 group-hover:translate-y-1>Jonas/h3>p classtext-white/90 text-sm readable-text transform transition-all duration-300 delay-75 group-hover:translate-y-1 opacity-90 group-hover:opacity-100>Business Intelligence/p>/div>div classflex items-center justify-end transform transition-all duration-300 group-hover:translate-y-0 translate-y-2>button classrounded-md select-none font-medium transition-all duration-200 focus:outline-none focus:ring-0 focus:ring-offset-1 disabled:opacity-50 disabled:pointer-events-none transform-gpu text-center hover:cursor-pointer flex-center text-center btn-brand h-8 px-2 text-sm md:h-10 md:text-sm md:px-4 !text-white px-4 py-2 rounded-full text-sm font-medium readable-text transition-all duration-300 hover:scale-105 hover:shadow-lg hover:shadow-pink-500/20 hover:animate-none>Talk now/button>/div>/div>div classabsolute inset-0 rounded-2xl border-2 border-transparent group-hover:border-white/20 transition-all duration-300 pointer-events-none>/div>/div>div classrelative w-full h-64 rounded-2xl overflow-hidden group cursor-pointer transition-all duration-500 hover:shadow-2xl hover:shadow-pink-400/25 hover:-translate-y-2 >div classabsolute inset-0 transition-transform duration-700 group-hover:scale-110>img altAI avatar interacting with a user from a laptop screen data-ai-hintavatar laptop interaction loadinglazy decodingasync data-nimgfill classobject-cover styleposition:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent sizes(max-width: 768px) 90vw, (max-width: 1200px) 50vw, 33vw srcSet/_next/image?url%2Favatars%2F2.jpg&w256&q75 256w, /_next/image?url%2Favatars%2F2.jpg&w384&q75 384w, /_next/image?url%2Favatars%2F2.jpg&w640&q75 640w, /_next/image?url%2Favatars%2F2.jpg&w750&q75 750w, /_next/image?url%2Favatars%2F2.jpg&w828&q75 828w, /_next/image?url%2Favatars%2F2.jpg&w1080&q75 1080w, /_next/image?url%2Favatars%2F2.jpg&w1200&q75 1200w, /_next/image?url%2Favatars%2F2.jpg&w1920&q75 1920w, /_next/image?url%2Favatars%2F2.jpg&w2048&q75 2048w, /_next/image?url%2Favatars%2F2.jpg&w3840&q75 3840w src/_next/image?url%2Favatars%2F2.jpg&w3840&q75/>/div>div classabsolute inset-0 bg-gradient-to-t from-black/60 via-transparent to-transparent opacity-70 group-hover:opacity-90 transition-opacity duration-300>/div>div classundefined relative h-full flex flex-col justify-between p-6>div classtransform transition-all duration-300 group-hover:translate-y-0 translate-y-2>h3 classtext-2xl font-bold leading-tight readable-text transform transition-all duration-300 group-hover:scale-105 group-hover:translate-x-2 group-hover:translate-y-1>Celine/h3>p classtext-white/90 text-sm readable-text transform transition-all duration-300 delay-75 group-hover:translate-y-1 opacity-90 group-hover:opacity-100>Receptionist Support/p>/div>div classflex items-center justify-end transform transition-all duration-300 group-hover:translate-y-0 translate-y-2>button classrounded-md select-none font-medium transition-all duration-200 focus:outline-none focus:ring-0 focus:ring-offset-1 disabled:opacity-50 disabled:pointer-events-none transform-gpu text-center hover:cursor-pointer flex-center text-center btn-brand h-8 px-2 text-sm md:h-10 md:text-sm md:px-4 !text-white px-4 py-2 rounded-full text-sm font-medium readable-text transition-all duration-300 hover:scale-105 hover:shadow-lg hover:shadow-pink-500/20 hover:animate-none>Talk now/button>/div>/div>div classabsolute inset-0 rounded-2xl border-2 border-transparent group-hover:border-white/20 transition-all duration-300 pointer-events-none>/div>/div>div classrelative w-full h-64 rounded-2xl overflow-hidden group cursor-pointer transition-all duration-500 hover:shadow-2xl hover:shadow-pink-400/25 hover:-translate-y-2 >div classabsolute inset-0 transition-transform duration-700 group-hover:scale-110>img altAI avatar interacting with a user from a laptop screen data-ai-hintavatar laptop interaction loadinglazy decodingasync data-nimgfill classobject-cover styleposition:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent sizes(max-width: 768px) 90vw, (max-width: 1200px) 50vw, 33vw srcSet/_next/image?url%2Favatars%2F5.jpg&w256&q75 256w, /_next/image?url%2Favatars%2F5.jpg&w384&q75 384w, /_next/image?url%2Favatars%2F5.jpg&w640&q75 640w, /_next/image?url%2Favatars%2F5.jpg&w750&q75 750w, /_next/image?url%2Favatars%2F5.jpg&w828&q75 828w, /_next/image?url%2Favatars%2F5.jpg&w1080&q75 1080w, /_next/image?url%2Favatars%2F5.jpg&w1200&q75 1200w, /_next/image?url%2Favatars%2F5.jpg&w1920&q75 1920w, /_next/image?url%2Favatars%2F5.jpg&w2048&q75 2048w, /_next/image?url%2Favatars%2F5.jpg&w3840&q75 3840w src/_next/image?url%2Favatars%2F5.jpg&w3840&q75/>/div>div classabsolute inset-0 bg-gradient-to-t from-black/60 via-transparent to-transparent opacity-70 group-hover:opacity-90 transition-opacity duration-300>/div>div classundefined relative h-full flex flex-col justify-between p-6>div classtransform transition-all duration-300 group-hover:translate-y-0 translate-y-2>h3 classtext-2xl font-bold leading-tight readable-text transform transition-all duration-300 group-hover:scale-105 group-hover:translate-x-2 group-hover:translate-y-1>CIRUS/h3>p classtext-white/90 text-sm readable-text transform transition-all duration-300 delay-75 group-hover:translate-y-1 opacity-90 group-hover:opacity-100>Customer Support/p>/div>div classflex items-center justify-end transform transition-all duration-300 group-hover:translate-y-0 translate-y-2>button classrounded-md select-none font-medium transition-all duration-200 focus:outline-none focus:ring-0 focus:ring-offset-1 disabled:opacity-50 disabled:pointer-events-none transform-gpu text-center hover:cursor-pointer flex-center text-center btn-brand h-8 px-2 text-sm md:h-10 md:text-sm md:px-4 !text-white px-4 py-2 rounded-full text-sm font-medium readable-text transition-all duration-300 hover:scale-105 hover:shadow-lg hover:shadow-pink-500/20 hover:animate-none>Talk now/button>/div>/div>div classabsolute inset-0 rounded-2xl border-2 border-transparent group-hover:border-white/20 transition-all duration-300 pointer-events-none>/div>/div>div classrelative w-full h-64 rounded-2xl overflow-hidden group cursor-pointer transition-all duration-500 hover:shadow-2xl hover:shadow-pink-400/25 hover:-translate-y-2 >div classabsolute inset-0 transition-transform duration-700 group-hover:scale-110>img altAI avatar interacting with a user from a laptop screen data-ai-hintavatar laptop interaction loadinglazy decodingasync data-nimgfill classobject-cover styleposition:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent sizes(max-width: 768px) 90vw, (max-width: 1200px) 50vw, 33vw srcSet/_next/image?url%2Favatars%2F4.jpg&w256&q75 256w, /_next/image?url%2Favatars%2F4.jpg&w384&q75 384w, /_next/image?url%2Favatars%2F4.jpg&w640&q75 640w, /_next/image?url%2Favatars%2F4.jpg&w750&q75 750w, /_next/image?url%2Favatars%2F4.jpg&w828&q75 828w, /_next/image?url%2Favatars%2F4.jpg&w1080&q75 1080w, /_next/image?url%2Favatars%2F4.jpg&w1200&q75 1200w, /_next/image?url%2Favatars%2F4.jpg&w1920&q75 1920w, /_next/image?url%2Favatars%2F4.jpg&w2048&q75 2048w, /_next/image?url%2Favatars%2F4.jpg&w3840&q75 3840w src/_next/image?url%2Favatars%2F4.jpg&w3840&q75/>/div>div classabsolute inset-0 bg-gradient-to-t from-black/60 via-transparent to-transparent opacity-70 group-hover:opacity-90 transition-opacity duration-300>/div>div classundefined relative h-full flex flex-col justify-between p-6>div classtransform transition-all duration-300 group-hover:translate-y-0 translate-y-2>h3 classtext-2xl font-bold leading-tight readable-text transform transition-all duration-300 group-hover:scale-105 group-hover:translate-x-2 group-hover:translate-y-1>Teyo/h3>p classtext-white/90 text-sm readable-text transform transition-all duration-300 delay-75 group-hover:translate-y-1 opacity-90 group-hover:opacity-100>Health Support/p>/div>div classflex items-center justify-end transform transition-all duration-300 group-hover:translate-y-0 translate-y-2>button classrounded-md select-none font-medium transition-all duration-200 focus:outline-none focus:ring-0 focus:ring-offset-1 disabled:opacity-50 disabled:pointer-events-none transform-gpu text-center hover:cursor-pointer flex-center text-center btn-brand h-8 px-2 text-sm md:h-10 md:text-sm md:px-4 !text-white px-4 py-2 rounded-full text-sm font-medium readable-text transition-all duration-300 hover:scale-105 hover:shadow-lg hover:shadow-pink-500/20 hover:animate-none>Talk now/button>/div>/div>div classabsolute inset-0 rounded-2xl border-2 border-transparent group-hover:border-white/20 transition-all duration-300 pointer-events-none>/div>/div>div classrelative w-full h-64 rounded-2xl overflow-hidden group cursor-pointer transition-all duration-500 hover:shadow-2xl hover:shadow-pink-400/25 hover:-translate-y-2 >div classabsolute inset-0 transition-transform duration-700 group-hover:scale-110>img altAI avatar interacting with a user from a laptop screen data-ai-hintavatar laptop interaction loadinglazy decodingasync data-nimgfill classobject-cover styleposition:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent sizes(max-width: 768px) 90vw, (max-width: 1200px) 50vw, 33vw srcSet/_next/image?url%2Favatars%2F17.jpg&w256&q75 256w, /_next/image?url%2Favatars%2F17.jpg&w384&q75 384w, /_next/image?url%2Favatars%2F17.jpg&w640&q75 640w, /_next/image?url%2Favatars%2F17.jpg&w750&q75 750w, /_next/image?url%2Favatars%2F17.jpg&w828&q75 828w, /_next/image?url%2Favatars%2F17.jpg&w1080&q75 1080w, /_next/image?url%2Favatars%2F17.jpg&w1200&q75 1200w, /_next/image?url%2Favatars%2F17.jpg&w1920&q75 1920w, /_next/image?url%2Favatars%2F17.jpg&w2048&q75 2048w, /_next/image?url%2Favatars%2F17.jpg&w3840&q75 3840w src/_next/image?url%2Favatars%2F17.jpg&w3840&q75/>/div>div classabsolute inset-0 bg-gradient-to-t from-black/60 via-transparent to-transparent opacity-70 group-hover:opacity-90 transition-opacity duration-300>/div>div classundefined relative h-full flex flex-col justify-between p-6>div classtransform transition-all duration-300 group-hover:translate-y-0 translate-y-2>h3 classtext-2xl font-bold leading-tight readable-text transform transition-all duration-300 group-hover:scale-105 group-hover:translate-x-2 group-hover:translate-y-1>Takumi/h3>p classtext-white/90 text-sm readable-text transform transition-all duration-300 delay-75 group-hover:translate-y-1 opacity-90 group-hover:opacity-100>AI Assistant/p>/div>div classflex items-center justify-end transform transition-all duration-300 group-hover:translate-y-0 translate-y-2>button classrounded-md select-none font-medium transition-all duration-200 focus:outline-none focus:ring-0 focus:ring-offset-1 disabled:opacity-50 disabled:pointer-events-none transform-gpu text-center hover:cursor-pointer flex-center text-center btn-brand h-8 px-2 text-sm md:h-10 md:text-sm md:px-4 !text-white px-4 py-2 rounded-full text-sm font-medium readable-text transition-all duration-300 hover:scale-105 hover:shadow-lg hover:shadow-pink-500/20 hover:animate-none>Talk now/button>/div>/div>div classabsolute inset-0 rounded-2xl border-2 border-transparent group-hover:border-white/20 transition-all duration-300 pointer-events-none>/div>/div>/div>/div>/section>section idtestimonials-section classjsx-4fb23789b5a36db8 relative py-20 bg-gradient-to-br from-gray-900 via-black to-gray-900 overflow-x-hidden min-h-fit overflow-y-visible>div classjsx-4fb23789b5a36db8 absolute inset-0>div classabsolute top-1/4 left-1/4 w-96 h-96 bg-var(--brand)/10 rounded-full blur-3xl>/div>div classabsolute bottom-1/4 right-1/4 w-80 h-80 bg-purple-500/10 rounded-full blur-3xl>/div>/div>div classjsx-4fb23789b5a36db8 relative z-10 max-w-7xl mx-auto px-4>div classtext-center mb-16 styleopacity:0;transform:translateY(50px)>h2 classtext-4xl md:text-6xl font-bold text-white mb-4 styleopacity:0;transform:scale(0.9)>Loved by span classjsx-4fb23789b5a36db8 brand-text-gradient>Artists/span> around the World/h2>div classw-24 h-1 bg-gradient-to-r from-var(--brand) via-purple-500 to-blue-500 mx-auto rounded-full styletransform:scaleX(0)>/div>p classtext-gray-400 text-lg mt-6 max-w-2xl mx-auto styleopacity:0;transform:translateY(20px)>Join thousands of creators who are revolutionizing their workflow with Metabrix Lab/p>/div>div classjsx-4fb23789b5a36db8 hidden md:block>div class overflow-hidden relative styleopacity:0>div stylewidth:calc(200% + 24px) classjsx-4fb23789b5a36db8 flex gap-6 animate-testimonial-scroll>div classjsx-4fb23789b5a36db8 flex-shrink-0>div classgroup relative min-w-320px md:min-w-400px max-w-400px h-280px cursor-pointer>div classabsolute inset-0 bg-gradient-to-br from-gray-900/90 via-gray-800/90 to-black/90 rounded-2xl backdrop-blur-sm border border-gray-700/50 group-hover:border-var(--brand)/50 transition-all duration-500>/div>div classabsolute inset-0 bg-gradient-to-br from-var(--brand)/20 via-purple-500/10 to-blue-500/20 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-500 blur-xl>/div>div classrelative z-10 p-6 h-full flex flex-col>div classflex items-center gap-4 mb-4>div classrelative>div classw-14 h-14 rounded-full bg-gradient-to-br from-var(--brand) to-purple-600 p-0.5>div classw-full h-full rounded-full bg-white overflow-hidden>img altPolypixerpioneer loadinglazy width56 height56 decodingasync data-nimg1 classobject-cover w-full h-full stylecolor:transparent srcSet/_next/image?url%2Fimages%2Fuser.png&w64&q75 1x, /_next/image?url%2Fimages%2Fuser.png&w128&q75 2x src/_next/image?url%2Fimages%2Fuser.png&w128&q75/>/div>/div>div classabsolute -bottom-1 -right-1 w-4 h-4 bg-green-500 rounded-full border-2 border-gray-900>/div>/div>div classflex-1>h3 classtext-white font-semibold text-lg group-hover:text-var(--brand) transition-colors duration-300>Polypixerpioneer/h3>p classtext-gray-400 text-sm>@!-- -->AK_3D_Poly/p>div classflex gap-1>svg classw-4 h-4 text-yellow-400 fillcurrentColor viewBox0 0 20 20>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>svg classw-4 h-4 text-yellow-400 fillcurrentColor viewBox0 0 20 20>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>svg classw-4 h-4 text-yellow-400 fillcurrentColor viewBox0 0 20 20>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>svg classw-4 h-4 text-yellow-400 fillcurrentColor viewBox0 0 20 20>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>svg classw-4 h-4 text-yellow-400 fillcurrentColor viewBox0 0 20 20>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>/div>/div>/div>div classflex-1 flex items-center>p classtext-gray-300 leading-relaxed text-sm group-hover:text-gray-200 transition-colors duration-300>Mind-blown by Ultron's Text-to-3D & Img-to-3D character creator! As a student, diving into XR & gaming design just got a whole lot easier in Maya and Blender. Realistic characters in seconds? Count me in!/p>/div>div classh-1 bg-gradient-to-r from-var(--brand) via-purple-500 to-blue-500 rounded-full mt-4 opacity-0 group-hover:opacity-100 transition-opacity duration-500 styletransform:scaleX(0)>/div>/div>/div>/div>div classjsx-4fb23789b5a36db8 flex-shrink-0>div classgroup relative min-w-320px md:min-w-400px max-w-400px h-280px cursor-pointer>div classabsolute inset-0 bg-gradient-to-br from-gray-900/90 via-gray-800/90 to-black/90 rounded-2xl backdrop-blur-sm border border-gray-700/50 group-hover:border-var(--brand)/50 transition-all duration-500>/div>div classabsolute inset-0 bg-gradient-to-br from-var(--brand)/20 via-purple-500/10 to-blue-500/20 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-500 blur-xl>/div>div classrelative z-10 p-6 h-full flex flex-col>div classflex items-center gap-4 mb-4>div classrelative>div classw-14 h-14 rounded-full bg-gradient-to-br from-var(--brand) to-purple-600 p-0.5>div classw-full h-full rounded-full bg-white overflow-hidden>img altBharath loadinglazy width56 height56 decodingasync data-nimg1 classobject-cover w-full h-full stylecolor:transparent srcSet/_next/image?url%2Fimages%2Fuser.png&w64&q75 1x, /_next/image?url%2Fimages%2Fuser.png&w128&q75 2x src/_next/image?url%2Fimages%2Fuser.png&w128&q75/>/div>/div>div classabsolute -bottom-1 -right-1 w-4 h-4 bg-green-500 rounded-full border-2 border-gray-900>/div>/div>div classflex-1>h3 classtext-white font-semibold text-lg group-hover:text-var(--brand) transition-colors duration-300>Bharath/h3>p classtext-gray-400 text-sm>@!-- -->bharath_kumar89/p>div classflex gap-1>svg classw-4 h-4 text-yellow-400 fillcurrentColor viewBox0 0 20 20>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>svg classw-4 h-4 text-yellow-400 fillcurrentColor viewBox0 0 20 20>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>svg classw-4 h-4 text-yellow-400 fillcurrentColor viewBox0 0 20 20>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>svg classw-4 h-4 text-yellow-400 fillcurrentColor viewBox0 0 20 20>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>svg classw-4 h-4 text-yellow-400 fillcurrentColor viewBox0 0 20 20>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>/div>/div>/div>div classflex-1 flex items-center>p classtext-gray-300 leading-relaxed text-sm group-hover:text-gray-200 transition-colors duration-300>Ultron is a game-changer for freelancers like me! Crafting lifelike characters in under 30 seconds? It's a dream come true. A good start and expecting a lot more efficiency and creative features!/p>/div>div classh-1 bg-gradient-to-r from-var(--brand) via-purple-500 to-blue-500 rounded-full mt-4 opacity-0 group-hover:opacity-100 transition-opacity duration-500 styletransform:scaleX(0)>/div>/div>/div>/div>div classjsx-4fb23789b5a36db8 flex-shrink-0>div classgroup relative min-w-320px md:min-w-400px max-w-400px h-280px cursor-pointer>div classabsolute inset-0 bg-gradient-to-br from-gray-900/90 via-gray-800/90 to-black/90 rounded-2xl backdrop-blur-sm border border-gray-700/50 group-hover:border-var(--brand)/50 transition-all duration-500>/div>div classabsolute inset-0 bg-gradient-to-br from-var(--brand)/20 via-purple-500/10 to-blue-500/20 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-500 blur-xl>/div>div classrelative z-10 p-6 h-full flex flex-col>div classflex items-center gap-4 mb-4>div classrelative>div classw-14 h-14 rounded-full bg-gradient-to-br from-var(--brand) to-purple-600 p-0.5>div classw-full h-full rounded-full bg-white overflow-hidden>img altH.M Ehsan loadinglazy width56 height56 decodingasync data-nimg1 classobject-cover w-full h-full stylecolor:transparent srcSet/_next/image?url%2Fimages%2Fuser.png&w64&q75 1x, /_next/image?url%2Fimages%2Fuser.png&w128&q75 2x src/_next/image?url%2Fimages%2Fuser.png&w128&q75/>/div>/div>div classabsolute -bottom-1 -right-1 w-4 h-4 bg-green-500 rounded-full border-2 border-gray-900>/div>/div>div classflex-1>h3 classtext-white font-semibold text-lg group-hover:text-var(--brand) transition-colors duration-300>H.M Ehsan/h3>p classtext-gray-400 text-sm>@!-- -->EhsanOfficial03/p>div classflex gap-1>svg classw-4 h-4 text-yellow-400 fillcurrentColor viewBox0 0 20 20>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>svg classw-4 h-4 text-yellow-400 fillcurrentColor viewBox0 0 20 20>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>svg classw-4 h-4 text-yellow-400 fillcurrentColor viewBox0 0 20 20>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>svg classw-4 h-4 text-yellow-400 fillcurrentColor viewBox0 0 20 20>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>svg classw-4 h-4 text-yellow-400 fillcurrentColor viewBox0 0 20 20>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>/div>/div>/div>div classflex-1 flex items-center>p classtext-gray-300 leading-relaxed text-sm group-hover:text-gray-200 transition-colors duration-300>Just tried #UltronAl of @metabrixlabs for the first time and WOW! As someone passionate about character creation, Generating fully rigged characters from simple prompts is not only fun but incredibly efficient. #ai #Creativity/p>/div>div classh-1 bg-gradient-to-r from-var(--brand) via-purple-500 to-blue-500 rounded-full mt-4 opacity-0 group-hover:opacity-100 transition-opacity duration-500 styletransform:scaleX(0)>/div>/div>/div>/div>div classjsx-4fb23789b5a36db8 flex-shrink-0>div classgroup relative min-w-320px md:min-w-400px max-w-400px h-280px cursor-pointer>div classabsolute inset-0 bg-gradient-to-br from-gray-900/90 via-gray-800/90 to-black/90 rounded-2xl backdrop-blur-sm border border-gray-700/50 group-hover:border-var(--brand)/50 transition-all duration-500>/div>div classabsolute inset-0 bg-gradient-to-br from-var(--brand)/20 via-purple-500/10 to-blue-500/20 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-500 blur-xl>/div>div classrelative z-10 p-6 h-full flex flex-col>div classflex items-center gap-4 mb-4>div classrelative>div classw-14 h-14 rounded-full bg-gradient-to-br from-var(--brand) to-purple-600 p-0.5>div classw-full h-full rounded-full bg-white overflow-hidden>img altPolypixerpioneer loadinglazy width56 height56 decodingasync data-nimg1 classobject-cover w-full h-full stylecolor:transparent srcSet/_next/image?url%2Fimages%2Fuser.png&w64&q75 1x, /_next/image?url%2Fimages%2Fuser.png&w128&q75 2x src/_next/image?url%2Fimages%2Fuser.png&w128&q75/>/div>/div>div classabsolute -bottom-1 -right-1 w-4 h-4 bg-green-500 rounded-full border-2 border-gray-900>/div>/div>div classflex-1>h3 classtext-white font-semibold text-lg group-hover:text-var(--brand) transition-colors duration-300>Polypixerpioneer/h3>p classtext-gray-400 text-sm>@!-- -->AK_3D_Poly/p>div classflex gap-1>svg classw-4 h-4 text-yellow-400 fillcurrentColor viewBox0 0 20 20>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>svg classw-4 h-4 text-yellow-400 fillcurrentColor viewBox0 0 20 20>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>svg classw-4 h-4 text-yellow-400 fillcurrentColor viewBox0 0 20 20>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>svg classw-4 h-4 text-yellow-400 fillcurrentColor viewBox0 0 20 20>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>svg classw-4 h-4 text-yellow-400 fillcurrentColor viewBox0 0 20 20>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>/div>/div>/div>div classflex-1 flex items-center>p classtext-gray-300 leading-relaxed text-sm group-hover:text-gray-200 transition-colors duration-300>Mind-blown by Ultron's Text-to-3D & Img-to-3D character creator! As a student, diving into XR & gaming design just got a whole lot easier in Maya and Blender. Realistic characters in seconds? Count me in!/p>/div>div classh-1 bg-gradient-to-r from-var(--brand) via-purple-500 to-blue-500 rounded-full mt-4 opacity-0 group-hover:opacity-100 transition-opacity duration-500 styletransform:scaleX(0)>/div>/div>/div>/div>div classjsx-4fb23789b5a36db8 flex-shrink-0>div classgroup relative min-w-320px md:min-w-400px max-w-400px h-280px cursor-pointer>div classabsolute inset-0 bg-gradient-to-br from-gray-900/90 via-gray-800/90 to-black/90 rounded-2xl backdrop-blur-sm border border-gray-700/50 group-hover:border-var(--brand)/50 transition-all duration-500>/div>div classabsolute inset-0 bg-gradient-to-br from-var(--brand)/20 via-purple-500/10 to-blue-500/20 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-500 blur-xl>/div>div classrelative z-10 p-6 h-full flex flex-col>div classflex items-center gap-4 mb-4>div classrelative>div classw-14 h-14 rounded-full bg-gradient-to-br from-var(--brand) to-purple-600 p-0.5>div classw-full h-full rounded-full bg-white overflow-hidden>img altBharath loadinglazy width56 height56 decodingasync data-nimg1 classobject-cover w-full h-full stylecolor:transparent srcSet/_next/image?url%2Fimages%2Fuser.png&w64&q75 1x, /_next/image?url%2Fimages%2Fuser.png&w128&q75 2x src/_next/image?url%2Fimages%2Fuser.png&w128&q75/>/div>/div>div classabsolute -bottom-1 -right-1 w-4 h-4 bg-green-500 rounded-full border-2 border-gray-900>/div>/div>div classflex-1>h3 classtext-white font-semibold text-lg group-hover:text-var(--brand) transition-colors duration-300>Bharath/h3>p classtext-gray-400 text-sm>@!-- -->bharath_kumar89/p>div classflex gap-1>svg classw-4 h-4 text-yellow-400 fillcurrentColor viewBox0 0 20 20>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>svg classw-4 h-4 text-yellow-400 fillcurrentColor viewBox0 0 20 20>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>svg classw-4 h-4 text-yellow-400 fillcurrentColor viewBox0 0 20 20>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>svg classw-4 h-4 text-yellow-400 fillcurrentColor viewBox0 0 20 20>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>svg classw-4 h-4 text-yellow-400 fillcurrentColor viewBox0 0 20 20>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>/div>/div>/div>div classflex-1 flex items-center>p classtext-gray-300 leading-relaxed text-sm group-hover:text-gray-200 transition-colors duration-300>Ultron is a game-changer for freelancers like me! Crafting lifelike characters in under 30 seconds? It's a dream come true. A good start and expecting a lot more efficiency and creative features!/p>/div>div classh-1 bg-gradient-to-r from-var(--brand) via-purple-500 to-blue-500 rounded-full mt-4 opacity-0 group-hover:opacity-100 transition-opacity duration-500 styletransform:scaleX(0)>/div>/div>/div>/div>div classjsx-4fb23789b5a36db8 flex-shrink-0>div classgroup relative min-w-320px md:min-w-400px max-w-400px h-280px cursor-pointer>div classabsolute inset-0 bg-gradient-to-br from-gray-900/90 via-gray-800/90 to-black/90 rounded-2xl backdrop-blur-sm border border-gray-700/50 group-hover:border-var(--brand)/50 transition-all duration-500>/div>div classabsolute inset-0 bg-gradient-to-br from-var(--brand)/20 via-purple-500/10 to-blue-500/20 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-500 blur-xl>/div>div classrelative z-10 p-6 h-full flex flex-col>div classflex items-center gap-4 mb-4>div classrelative>div classw-14 h-14 rounded-full bg-gradient-to-br from-var(--brand) to-purple-600 p-0.5>div classw-full h-full rounded-full bg-white overflow-hidden>img altPolypixerpioneer loadinglazy width56 height56 decodingasync data-nimg1 classobject-cover w-full h-full stylecolor:transparent srcSet/_next/image?url%2Fimages%2Fuser.png&w64&q75 1x, /_next/image?url%2Fimages%2Fuser.png&w128&q75 2x src/_next/image?url%2Fimages%2Fuser.png&w128&q75/>/div>/div>div classabsolute -bottom-1 -right-1 w-4 h-4 bg-green-500 rounded-full border-2 border-gray-900>/div>/div>div classflex-1>h3 classtext-white font-semibold text-lg group-hover:text-var(--brand) transition-colors duration-300>Polypixerpioneer/h3>p classtext-gray-400 text-sm>@!-- -->AK_3D_Poly/p>div classflex gap-1>svg classw-4 h-4 text-yellow-400 fillcurrentColor viewBox0 0 20 20>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>svg classw-4 h-4 text-yellow-400 fillcurrentColor viewBox0 0 20 20>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>svg classw-4 h-4 text-yellow-400 fillcurrentColor viewBox0 0 20 20>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>svg classw-4 h-4 text-yellow-400 fillcurrentColor viewBox0 0 20 20>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>svg classw-4 h-4 text-yellow-400 fillcurrentColor viewBox0 0 20 20>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>/div>/div>/div>div classflex-1 flex items-center>p classtext-gray-300 leading-relaxed text-sm group-hover:text-gray-200 transition-colors duration-300>Mind-blown by Ultron's Text-to-3D & Img-to-3D character creator! As a student, diving into XR & gaming design just got a whole lot easier in Maya and Blender. Realistic characters in seconds? Count me in!/p>/div>div classh-1 bg-gradient-to-r from-var(--brand) via-purple-500 to-blue-500 rounded-full mt-4 opacity-0 group-hover:opacity-100 transition-opacity duration-500 styletransform:scaleX(0)>/div>/div>/div>/div>div classjsx-4fb23789b5a36db8 flex-shrink-0>div classgroup relative min-w-320px md:min-w-400px max-w-400px h-280px cursor-pointer>div classabsolute inset-0 bg-gradient-to-br from-gray-900/90 via-gray-800/90 to-black/90 rounded-2xl backdrop-blur-sm border border-gray-700/50 group-hover:border-var(--brand)/50 transition-all duration-500>/div>div classabsolute inset-0 bg-gradient-to-br from-var(--brand)/20 via-purple-500/10 to-blue-500/20 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-500 blur-xl>/div>div classrelative z-10 p-6 h-full flex flex-col>div classflex items-center gap-4 mb-4>div classrelative>div classw-14 h-14 rounded-full bg-gradient-to-br from-var(--brand) to-purple-600 p-0.5>div classw-full h-full rounded-full bg-white overflow-hidden>img altBharath loadinglazy width56 height56 decodingasync data-nimg1 classobject-cover w-full h-full stylecolor:transparent srcSet/_next/image?url%2Fimages%2Fuser.png&w64&q75 1x, /_next/image?url%2Fimages%2Fuser.png&w128&q75 2x src/_next/image?url%2Fimages%2Fuser.png&w128&q75/>/div>/div>div classabsolute -bottom-1 -right-1 w-4 h-4 bg-green-500 rounded-full border-2 border-gray-900>/div>/div>div classflex-1>h3 classtext-white font-semibold text-lg group-hover:text-var(--brand) transition-colors duration-300>Bharath/h3>p classtext-gray-400 text-sm>@!-- -->bharath_kumar89/p>div classflex gap-1>svg classw-4 h-4 text-yellow-400 fillcurrentColor viewBox0 0 20 20>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>svg classw-4 h-4 text-yellow-400 fillcurrentColor viewBox0 0 20 20>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>svg classw-4 h-4 text-yellow-400 fillcurrentColor viewBox0 0 20 20>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>svg classw-4 h-4 text-yellow-400 fillcurrentColor viewBox0 0 20 20>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>svg classw-4 h-4 text-yellow-400 fillcurrentColor viewBox0 0 20 20>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>/div>/div>/div>div classflex-1 flex items-center>p classtext-gray-300 leading-relaxed text-sm group-hover:text-gray-200 transition-colors duration-300>Ultron is a game-changer for freelancers like me! Crafting lifelike characters in under 30 seconds? It's a dream come true. A good start and expecting a lot more efficiency and creative features!/p>/div>div classh-1 bg-gradient-to-r from-var(--brand) via-purple-500 to-blue-500 rounded-full mt-4 opacity-0 group-hover:opacity-100 transition-opacity duration-500 styletransform:scaleX(0)>/div>/div>/div>/div>div classjsx-4fb23789b5a36db8 flex-shrink-0>div classgroup relative min-w-320px md:min-w-400px max-w-400px h-280px cursor-pointer>div classabsolute inset-0 bg-gradient-to-br from-gray-900/90 via-gray-800/90 to-black/90 rounded-2xl backdrop-blur-sm border border-gray-700/50 group-hover:border-var(--brand)/50 transition-all duration-500>/div>div classabsolute inset-0 bg-gradient-to-br from-var(--brand)/20 via-purple-500/10 to-blue-500/20 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-500 blur-xl>/div>div classrelative z-10 p-6 h-full flex flex-col>div classflex items-center gap-4 mb-4>div classrelative>div classw-14 h-14 rounded-full bg-gradient-to-br from-var(--brand) to-purple-600 p-0.5>div classw-full h-full rounded-full bg-white overflow-hidden>img altH.M Ehsan loadinglazy width56 height56 decodingasync data-nimg1 classobject-cover w-full h-full stylecolor:transparent srcSet/_next/image?url%2Fimages%2Fuser.png&w64&q75 1x, /_next/image?url%2Fimages%2Fuser.png&w128&q75 2x src/_next/image?url%2Fimages%2Fuser.png&w128&q75/>/div>/div>div classabsolute -bottom-1 -right-1 w-4 h-4 bg-green-500 rounded-full border-2 border-gray-900>/div>/div>div classflex-1>h3 classtext-white font-semibold text-lg group-hover:text-var(--brand) transition-colors duration-300>H.M Ehsan/h3>p classtext-gray-400 text-sm>@!-- -->EhsanOfficial03/p>div classflex gap-1>svg classw-4 h-4 text-yellow-400 fillcurrentColor viewBox0 0 20 20>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>svg classw-4 h-4 text-yellow-400 fillcurrentColor viewBox0 0 20 20>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>svg classw-4 h-4 text-yellow-400 fillcurrentColor viewBox0 0 20 20>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>svg classw-4 h-4 text-yellow-400 fillcurrentColor viewBox0 0 20 20>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>svg classw-4 h-4 text-yellow-400 fillcurrentColor viewBox0 0 20 20>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>/div>/div>/div>div classflex-1 flex items-center>p classtext-gray-300 leading-relaxed text-sm group-hover:text-gray-200 transition-colors duration-300>Just tried #UltronAl of @metabrixlabs for the first time and WOW! As someone passionate about character creation, Generating fully rigged characters from simple prompts is not only fun but incredibly efficient. #ai #Creativity/p>/div>div classh-1 bg-gradient-to-r from-var(--brand) via-purple-500 to-blue-500 rounded-full mt-4 opacity-0 group-hover:opacity-100 transition-opacity duration-500 styletransform:scaleX(0)>/div>/div>/div>/div>div classjsx-4fb23789b5a36db8 flex-shrink-0>div classgroup relative min-w-320px md:min-w-400px max-w-400px h-280px cursor-pointer>div classabsolute inset-0 bg-gradient-to-br from-gray-900/90 via-gray-800/90 to-black/90 rounded-2xl backdrop-blur-sm border border-gray-700/50 group-hover:border-var(--brand)/50 transition-all duration-500>/div>div classabsolute inset-0 bg-gradient-to-br from-var(--brand)/20 via-purple-500/10 to-blue-500/20 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-500 blur-xl>/div>div classrelative z-10 p-6 h-full flex flex-col>div classflex items-center gap-4 mb-4>div classrelative>div classw-14 h-14 rounded-full bg-gradient-to-br from-var(--brand) to-purple-600 p-0.5>div classw-full h-full rounded-full bg-white overflow-hidden>img altPolypixerpioneer loadinglazy width56 height56 decodingasync data-nimg1 classobject-cover w-full h-full stylecolor:transparent srcSet/_next/image?url%2Fimages%2Fuser.png&w64&q75 1x, /_next/image?url%2Fimages%2Fuser.png&w128&q75 2x src/_next/image?url%2Fimages%2Fuser.png&w128&q75/>/div>/div>div classabsolute -bottom-1 -right-1 w-4 h-4 bg-green-500 rounded-full border-2 border-gray-900>/div>/div>div classflex-1>h3 classtext-white font-semibold text-lg group-hover:text-var(--brand) transition-colors duration-300>Polypixerpioneer/h3>p classtext-gray-400 text-sm>@!-- -->AK_3D_Poly/p>div classflex gap-1>svg classw-4 h-4 text-yellow-400 fillcurrentColor viewBox0 0 20 20>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>svg classw-4 h-4 text-yellow-400 fillcurrentColor viewBox0 0 20 20>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>svg classw-4 h-4 text-yellow-400 fillcurrentColor viewBox0 0 20 20>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>svg classw-4 h-4 text-yellow-400 fillcurrentColor viewBox0 0 20 20>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>svg classw-4 h-4 text-yellow-400 fillcurrentColor viewBox0 0 20 20>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>/div>/div>/div>div classflex-1 flex items-center>p classtext-gray-300 leading-relaxed text-sm group-hover:text-gray-200 transition-colors duration-300>Mind-blown by Ultron's Text-to-3D & Img-to-3D character creator! As a student, diving into XR & gaming design just got a whole lot easier in Maya and Blender. Realistic characters in seconds? Count me in!/p>/div>div classh-1 bg-gradient-to-r from-var(--brand) via-purple-500 to-blue-500 rounded-full mt-4 opacity-0 group-hover:opacity-100 transition-opacity duration-500 styletransform:scaleX(0)>/div>/div>/div>/div>div classjsx-4fb23789b5a36db8 flex-shrink-0>div classgroup relative min-w-320px md:min-w-400px max-w-400px h-280px cursor-pointer>div classabsolute inset-0 bg-gradient-to-br from-gray-900/90 via-gray-800/90 to-black/90 rounded-2xl backdrop-blur-sm border border-gray-700/50 group-hover:border-var(--brand)/50 transition-all duration-500>/div>div classabsolute inset-0 bg-gradient-to-br from-var(--brand)/20 via-purple-500/10 to-blue-500/20 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-500 blur-xl>/div>div classrelative z-10 p-6 h-full flex flex-col>div classflex items-center gap-4 mb-4>div classrelative>div classw-14 h-14 rounded-full bg-gradient-to-br from-var(--brand) to-purple-600 p-0.5>div classw-full h-full rounded-full bg-white overflow-hidden>img altBharath loadinglazy width56 height56 decodingasync data-nimg1 classobject-cover w-full h-full stylecolor:transparent srcSet/_next/image?url%2Fimages%2Fuser.png&w64&q75 1x, /_next/image?url%2Fimages%2Fuser.png&w128&q75 2x src/_next/image?url%2Fimages%2Fuser.png&w128&q75/>/div>/div>div classabsolute -bottom-1 -right-1 w-4 h-4 bg-green-500 rounded-full border-2 border-gray-900>/div>/div>div classflex-1>h3 classtext-white font-semibold text-lg group-hover:text-var(--brand) transition-colors duration-300>Bharath/h3>p classtext-gray-400 text-sm>@!-- -->bharath_kumar89/p>div classflex gap-1>svg classw-4 h-4 text-yellow-400 fillcurrentColor viewBox0 0 20 20>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>svg classw-4 h-4 text-yellow-400 fillcurrentColor viewBox0 0 20 20>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>svg classw-4 h-4 text-yellow-400 fillcurrentColor viewBox0 0 20 20>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>svg classw-4 h-4 text-yellow-400 fillcurrentColor viewBox0 0 20 20>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>svg classw-4 h-4 text-yellow-400 fillcurrentColor viewBox0 0 20 20>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>/div>/div>/div>div classflex-1 flex items-center>p classtext-gray-300 leading-relaxed text-sm group-hover:text-gray-200 transition-colors duration-300>Ultron is a game-changer for freelancers like me! Crafting lifelike characters in under 30 seconds? It's a dream come true. A good start and expecting a lot more efficiency and creative features!/p>/div>div classh-1 bg-gradient-to-r from-var(--brand) via-purple-500 to-blue-500 rounded-full mt-4 opacity-0 group-hover:opacity-100 transition-opacity duration-500 styletransform:scaleX(0)>/div>/div>/div>/div>/div>/div>/div>div classmd:hidden styleopacity:0>div classjsx-4fb23789b5a36db8 relative h-320px max-w-screen flex items-center justify-center>div styleopacity:0;transform:translateX(50px)>div classgroup relative min-w-320px md:min-w-400px max-w-400px h-280px cursor-pointer>div classabsolute inset-0 bg-gradient-to-br from-gray-900/90 via-gray-800/90 to-black/90 rounded-2xl backdrop-blur-sm border border-gray-700/50 group-hover:border-var(--brand)/50 transition-all duration-500>/div>div classabsolute inset-0 bg-gradient-to-br from-var(--brand)/20 via-purple-500/10 to-blue-500/20 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-500 blur-xl>/div>div classrelative z-10 p-6 h-full flex flex-col>div classflex items-center gap-4 mb-4>div classrelative>div classw-14 h-14 rounded-full bg-gradient-to-br from-var(--brand) to-purple-600 p-0.5>div classw-full h-full rounded-full bg-white overflow-hidden>img altPolypixerpioneer loadinglazy width56 height56 decodingasync data-nimg1 classobject-cover w-full h-full stylecolor:transparent srcSet/_next/image?url%2Fimages%2Fuser.png&w64&q75 1x, /_next/image?url%2Fimages%2Fuser.png&w128&q75 2x src/_next/image?url%2Fimages%2Fuser.png&w128&q75/>/div>/div>div classabsolute -bottom-1 -right-1 w-4 h-4 bg-green-500 rounded-full border-2 border-gray-900>/div>/div>div classflex-1>h3 classtext-white font-semibold text-lg group-hover:text-var(--brand) transition-colors duration-300>Polypixerpioneer/h3>p classtext-gray-400 text-sm>@!-- -->AK_3D_Poly/p>div classflex gap-1>svg classw-4 h-4 text-yellow-400 fillcurrentColor viewBox0 0 20 20>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>svg classw-4 h-4 text-yellow-400 fillcurrentColor viewBox0 0 20 20>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>svg classw-4 h-4 text-yellow-400 fillcurrentColor viewBox0 0 20 20>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>svg classw-4 h-4 text-yellow-400 fillcurrentColor viewBox0 0 20 20>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>svg classw-4 h-4 text-yellow-400 fillcurrentColor viewBox0 0 20 20>path dM9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z>/path>/svg>/div>/div>/div>div classflex-1 flex items-center>p classtext-gray-300 leading-relaxed text-sm group-hover:text-gray-200 transition-colors duration-300>Mind-blown by Ultron's Text-to-3D & Img-to-3D character creator! As a student, diving into XR & gaming design just got a whole lot easier in Maya and Blender. Realistic characters in seconds? Count me in!/p>/div>div classh-1 bg-gradient-to-r from-var(--brand) via-purple-500 to-blue-500 rounded-full mt-4 opacity-0 group-hover:opacity-100 transition-opacity duration-500 styletransform:scaleX(0)>/div>/div>/div>/div>/div>div classjsx-4fb23789b5a36db8 flex justify-center gap-2 mt-6>button classw-3 h-3 rounded-full transition-all duration-300 bg-var(--brand) scale-125 tabindex0>/button>button classw-3 h-3 rounded-full transition-all duration-300 bg-gray-600 hover:bg-gray-500 tabindex0>/button>button classw-3 h-3 rounded-full transition-all duration-300 bg-gray-600 hover:bg-gray-500 tabindex0>/button>button classw-3 h-3 rounded-full transition-all duration-300 bg-gray-600 hover:bg-gray-500 tabindex0>/button>button classw-3 h-3 rounded-full transition-all duration-300 bg-gray-600 hover:bg-gray-500 tabindex0>/button>/div>/div>/div>/section>section idintegration classw-full max-w-screen-xl mx-auto py-16 md:py-24 bg-secondary/30 transition-all duration-1000 transform opacity-0 translate-y-12>div classlg:px-6 xl:px-0 sm:px-2>div classtext-center mb-12>h2 classh1>Seamless Integration, span classtext-var(--brand)>Powerful Results/span>/h2>p classsecondary-highlight w-full!>Embed your AI characters into any website or application with just a few lines of code. UltronAI is designed for developers of all skill levels./p>/div>div classflex flex-col gap-14>div classgrid md:grid-cols-2 grid-cols-1 gap-8 items-start>div classpx-2 sm:px-0>h3 classtext-sm bg-#23241F p-2 w-min -mb-2 rounded-md font-headline font-semibold>HTML/h3>div classcodeBlock-container overflow-auto rounded-md p-0 overflow-x-auto text-sm font-code max-h-64 w-full select-text text-white font-mono relative col-span-2>button classrounded-md select-none font-medium transition-all duration-200 focus:outline-none focus:ring-0 focus:ring-offset-1 disabled:opacity-50 disabled:pointer-events-none transform-gpu text-center hover:cursor-pointer flex-center text-center border border-gray-600 bg-transparent text-current hover:bg-gray-800 hover:text-white h-8 px-2 text-sm md:h-10 md:text-sm md:px-4 flex items-center absolute right-2 top-2 bg-transparent/40>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-clipboard h-4 w-4 aria-hiddentrue>rect width8 height4 x8 y2 rx1 ry1>/rect>path dM16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2>/path>/svg>/button>pre class>code classlanguage-html bg-inherit><script type"importmap"> { "imports": { "ultron-ai-sdk": "https://cdn.jsdelivr.net/npm/ultron-ai-sdk@1.1.6/dist/index.mjs?module" } } </script> <script type"module"> import {SceneCanvas, Character} from 'ultron-ai-sdk'; // Creating a new elment to inject in body if (!document.getElementById('target-html-element-id')){ { try{ const div document.createElement('div'); div.id 'target-html-element-id'; document.body.appendChild(div); init() // You can also call this on user interaction like clicking on support/chat icon. }catch(error){ console.log(error) } } let sceneCanvas let character const init async() > { sceneCanvas new SceneCanvas('target-html-element-id) const initializationSetting { avatarId: "YOUR_AVATAR_ID", // AvatarId and Request Id are same config:{ apiKey: "YOUR_API_KEY", // Not required if you can create and access "sessionId" Not recommended // sessionId: "SESSION_ID_FOR_CURRENT_USER" // Recomended method for secure access and in production }, options:{ hideClickMessage: true, // Remove default "Click message" on the avatar alwaysListen: false, // For Push to talk conversation highFidelityMode: true // Enables higher graphics quality (can impact performance on low-end devices) } } await sceneCanvas.init(initializationSetting) character sceneCanvas.character } </script>/code>/pre>/div>/div>div classpx-2 sm:px-0>h3 classtext-sm bg-#23241F p-2 w-min -mb-2 rounded-md font-headline font-semibold>React/h3>div classcodeBlock-container overflow-auto rounded-md p-0 overflow-x-auto text-sm font-code max-h-64 w-full select-text text-white font-mono relative col-span-2>button classrounded-md select-none font-medium transition-all duration-200 focus:outline-none focus:ring-0 focus:ring-offset-1 disabled:opacity-50 disabled:pointer-events-none transform-gpu text-center hover:cursor-pointer flex-center text-center border border-gray-600 bg-transparent text-current hover:bg-gray-800 hover:text-white h-8 px-2 text-sm md:h-10 md:text-sm md:px-4 flex items-center absolute right-2 top-2 bg-transparent/40>svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-clipboard h-4 w-4 aria-hiddentrue>rect width8 height4 x8 y2 rx1 ry1>/rect>path dM16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2>/path>/svg>/button>pre class>code classlanguage-jsx bg-inherit>import {SceneCanvas, Character} from 'ultron-ai-sdk'; let sceneCanvas let character const init async() > { sceneCanvas new SceneCanvas('target-html-element-id') const initializationSetting { avatarId: "AVATAR_ID", // AvatarId and Request Id are same config:{ apiKey: "YOUR_ULTRON_API_KEY" }, options:{ alwaysListen: false // For Push to talk conversation } } await sceneCanvas.init(initializationSetting) character sceneCanvas.character } init()/code>/pre>/div>/div>/div>div classspace-y-6 mt-4 md:mt-0 text-center w-full>h3 classh3 text-center mb-1>Works With Your Stack/h3>p classsecondary-highlight p-2 md:p-0 w-full! text-gradient text-center>UltronAI offers flexible integration options, supporting standard web technologies and popular JavaScript frameworks./p>div classflex items-center justify-center gap-4>div classtext-center p-4 rounded-xl hover:scale-105 transition-transform>div classflex justify-center mb-2 animate-pulse-subtle >svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-code-xml h-8 w-8 text-primary aria-hiddentrue>path dm18 16 4-4-4-4>/path>path dm6 8-4 4 4 4>/path>path dm14.5 4-5 16>/path>/svg>/div>p classfont-medium>HTML5/p>/div>div classtext-center p-4 rounded-xl hover:scale-105 transition-transform>div classflex justify-center mb-2 animate-pulse-subtle >svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classlucide lucide-braces h-8 w-8 text-primary aria-hiddentrue>path dM8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5c0 1.1.9 2 2 2h1>/path>path dM16 21h1a2 2 0 0 0 2-2v-5c0-1.1.9-2 2-2a2 2 0 0 1-2-2V5a2 2 0 0 0-2-2h-1>/path>/svg>/div>p classfont-medium>React/p>/div>div classtext-center p-4 rounded-xl hover:scale-105 transition-transform>div classflex justify-center mb-2 animate-pulse-subtle >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-8 w-8 text-primary aria-hiddentrue>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>p classfont-medium>Major Frameworks/p>/div>/div>/div>div idart classflex-center flex-col p-5 relative bg-transparent>div classcontainer mx-auto h-full >div classbg-linear-blur z-0>/div>h2 classwill-fade h1 leading-none text-center text-#505050 mb-8 z-20>See Them in span classtext-var(--brand)>Action/span>/h2>div classcontent flex md:flex-row flex-col justify-between md:mb-16 md:mt-0 mt-10 gap-10>div classrelative w-full max-w-4xl mx-auto aspect-16/10 overflow-hidden rounded-xl shadow-2xl border transition-all duration-1000 transform -translate-x-36 opacity-0>img altAI avatar interacting with a user from a laptop screen data-ai-hintavatar laptop interaction loadinglazy decodingasync data-nimgfill classw-full h-full object-cover styleposition:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent sizes(max-width: 768px) 90vw, (max-width: 1200px) 50vw, 33vw srcSet/_next/image?url%2FHero.webp&w256&q75 256w, /_next/image?url%2FHero.webp&w384&q75 384w, /_next/image?url%2FHero.webp&w640&q75 640w, /_next/image?url%2FHero.webp&w750&q75 750w, /_next/image?url%2FHero.webp&w828&q75 828w, /_next/image?url%2FHero.webp&w1080&q75 1080w, /_next/image?url%2FHero.webp&w1200&q75 1200w, /_next/image?url%2FHero.webp&w1920&q75 1920w, /_next/image?url%2FHero.webp&w2048&q75 2048w, /_next/image?url%2FHero.webp&w3840&q75 3840w src/_next/image?url%2FHero.webp&w3840&q75/>/div>/div>div classmasked-container mx-auto w-full>div idmasked-content opacity-0 md:px-0 px-5 space-y-5 absolute md:bottom-5 bottom-52 left-1/2 -translate-x-1/2>p classh5 text-center text-gradient>Visualize how UltronAI characters integrate into digital environments, offering dynamic and engaging user interactions directly from the screen./p>/div>/div>/div>/div>/div>/div>/section>footer classw-full bg-dark-bg py-8 border-t border-gray-100/60>div classmax-w-screen-xl mx-auto>div classgrid grid-cols-1 md:grid-cols-5 gap-8 md:px-6 xl:px-0 px-6>div>a classflex items-center gap-2 mb-4 group href/>img altUltronAI loadinglazy width32 height32 decodingasync data-nimg1 classh-7 w-7 stylecolor:transparent srcSet/_next/image?url%2Fmetabrix.png&w32&q75 1x, /_next/image?url%2Fmetabrix.png&w64&q75 2x src/_next/image?url%2Fmetabrix.png&w64&q75/>span classtext-xl font-headline font-bold text-foreground group-hover:text-accent transition-colors text-white>Metabrix Labs/span>/a>p classtext-sm text-gray-400>Intelligent Avatars, Human-like Interactions./p>/div>div>h3 classfont-headline text-md font-semibold mb-3>Product/h3>ul classspace-y-2 text-sm>li>a classtext-gray-400 hover:text-var(--brand) transition-colors href/usecase>Features/a>/li>li>a classtext-gray-400 hover:text-var(--brand) transition-colors hrefhttps://app.ultronai.me/Pricing-all>Pricing/a>/li>li>a classtext-gray-400 hover:text-var(--brand) transition-colors href#integration>Integration/a>/li>/ul>/div>div>h3 classfont-headline text-md font-semibold mb-3>Company/h3>ul classspace-y-2 text-sm>li>a classtext-gray-400 hover:text-var(--brand) transition-colors href/about>About Us/a>/li>li>a classtext-gray-400 hover:text-var(--brand) transition-colors href/contact>Contact/a>/li>/ul>/div>div>h3 classfont-headline text-md font-semibold mb-3>Resources/h3>ul classspace-y-2 text-sm>li>a classtext-gray-400 hover:text-var(--brand) transition-colors hrefhttps://app.ultronai.me/Documentation>Documentation/a>/li>li>a classtext-gray-400 hover:text-var(--brand) transition-colors hrefhttps://github.com/METABRIX-ORG/react-sdk-sample>Github/a>/li>/ul>/div>div>h3 classfont-headline text-md font-semibold mb-3>Socials/h3>ul classspace-y-2 text-sm>li>a classtext-gray-400 hover:text-var(--brand) transition-colors hrefhttps://www.instagram.com/metabrix_labs/>Instagram/a>/li>li>a classtext-gray-400 hover:text-var(--brand) transition-colors hrefhttps://x.com/metabrixlabs/>Twitter/a>/li>li>a classtext-gray-400 hover:text-var(--brand) transition-colors hrefhttps://www.linkedin.com/company/metabrix-labs/>Linkedin/a>/li>/ul>/div>/div>p classmt-6 text-center text-xs text-white/50 px-4>By continuing you agree to our a classunderline hrefhttps://app.ultronai.me/tos>Terms/a> and a classunderline hrefhttps://app.ultronai.me/Privacy>Privacy Policy/a>./p>div classmt-10 pt-8 border-t border-border/50 bg-dark-bg text-center text-sm text-gray-300/20 absolute left-0 right-0 >p classmb-6>© !-- -->2025!-- --> UltronAI. All rights reserved./p>/div>/div>/footer>/main>/div>!--$-->!--/$-->script src/_next/static/chunks/webpack-5bd214792ab68335.js id_R_ async>/script>script>(self.__next_fself.__next_f||).push(0)/script>script>self.__next_f.push(1,1:\$Sreact.fragment\\n2:I4538,\239\,\static/chunks/239-e5a90e2a60ae59a5.js\,\619\,\static/chunks/619-9168df9c2a29b74b.js\,\130\,\static/chunks/130-4b0534458971a9b2.js\,\177\,\static/chunks/app/layout-58cb5df9861f1945.js\,\default\\n3:I7843,\239\,\static/chunks/239-e5a90e2a60ae59a5.js\,\619\,\static/chunks/619-9168df9c2a29b74b.js\,\130\,\static/chunks/130-4b0534458971a9b2.js\,\177\,\static/chunks/app/layout-58cb5df9861f1945.js\,\default\\n4:I9766,,\\\n5:I960,\239\,\static/chunks/239-e5a90e2a60ae59a5.js\,\619\,\static/chunks/619-9168df9c2a29b74b.js\,\39\,\static/chunks/app/error-fcbdca126c2f8c09.js\,\default\\n6:I8924,,\\\n7:I6034,\619\,\static/chunks/619-9168df9c2a29b74b.js\,\345\,\static/chunks/app/not-found-f3fd7dc3c7e0acfb.js\,\default\\n8:I513,\239\,\static/chunks/239-e5a90e2a60ae59a5.js\,\619\,\static/chunks/619-9168df9c2a29b74b.js\,\130\,\static/chunks/130-4b0534458971a9b2.js\,\471\,\static/chunks/471-d8e9b770c78a4b90.js\,\174\,\static/chunks/174-4b3a5bea3a0249d0.js\,\974\,\static/chunks/app/page-76938b94bae67945.js\,\default\\n9:I1356,\239\,\static/chunks/239-e5a90e2a60ae59a5.js\,\619\,\static/chunks/619-9168df9c2a29b74b.js\,\130\,\static/chunks/130-4b0534458971a9b2.js\,\471\,\static/chunks/471-d8e9b770c78a4b90.js\,\174\,\static/chunks/174-4b3a5bea3a0249d0.js\,\974\,\static/chunks/app/page-76938b94bae67945.js\,\Image\\na:I9038,\239\,\static/chunks/239-e5a90e2a60ae59a5.js\,\619\,\static/chunks/619-9168df9c2a29b74b.js\,\130\,\static/chunks/130-4b0534458971a9b2.js\,\471\,\static/chunks/471-d8e9b770c78a4b90.js\,\174\,\static/chunks/174-4b3a5bea3a0249d0.js\,\974\,\static/chunks/app/page-76938b94bae67945.js\,\default\\nb:I3909,\239\,\static/chunks/239-e5a90e2a60ae59a5.js\,\619\,\static/chunks/619-9168df9c2a29b74b.js\,\130\,\static/chunks/130-4b0534458971a9b2.js\,\471\,\static/chunks/471-d8e9b770c78a4b90.js\,\174\,\static/chunks/174-4b3a5bea3a0249d0.js\,\974\,\static/chunks/app/page-76938b94bae67945.js\,\default\\nc:I7979,\239\,\static/chunks/239-e5a90e2a60ae59a5.js\,\619\,\static/ch)/script>script>self.__next_f.push(1,unks/619-9168df9c2a29b74b.js\,\130\,\static/chunks/130-4b0534458971a9b2.js\,\471\,\static/chunks/471-d8e9b770c78a4b90.js\,\174\,\static/chunks/174-4b3a5bea3a0249d0.js\,\974\,\static/chunks/app/page-76938b94bae67945.js\,\default\\nd:I6552,\239\,\static/chunks/239-e5a90e2a60ae59a5.js\,\619\,\static/chunks/619-9168df9c2a29b74b.js\,\130\,\static/chunks/130-4b0534458971a9b2.js\,\471\,\static/chunks/471-d8e9b770c78a4b90.js\,\174\,\static/chunks/174-4b3a5bea3a0249d0.js\,\974\,\static/chunks/app/page-76938b94bae67945.js\,\PreloadChunks\\nf:I3469,\239\,\static/chunks/239-e5a90e2a60ae59a5.js\,\619\,\static/chunks/619-9168df9c2a29b74b.js\,\130\,\static/chunks/130-4b0534458971a9b2.js\,\471\,\static/chunks/471-d8e9b770c78a4b90.js\,\174\,\static/chunks/174-4b3a5bea3a0249d0.js\,\974\,\static/chunks/app/page-76938b94bae67945.js\,\default\\n11:I2619,\239\,\static/chunks/239-e5a90e2a60ae59a5.js\,\619\,\static/chunks/619-9168df9c2a29b74b.js\,\130\,\static/chunks/130-4b0534458971a9b2.js\,\471\,\static/chunks/471-d8e9b770c78a4b90.js\,\174\,\static/chunks/174-4b3a5bea3a0249d0.js\,\974\,\static/chunks/app/page-76938b94bae67945.js\,\\\n1a:I7150,,\\\n:HL\/_next/static/media/7b0b24f36b1a6d0b-s.p.woff2\,\font\,{\crossOrigin\:\\,\type\:\font/woff2\}\n:HL\/_next/static/css/e3502c49174b94e9.css\,\style\\n:HL\/_next/static/css/fec95abf28dff384.css\,\style\\n)/script>script>self.__next_f.push(1,0:{\P\:null,\b\:\EFAhyu5MPRiuqX4DM_h0w\,\p\:\\,\c\:\\,\\,\i\:false,\f\:\\,{\children\:\__PAGE__\,{}},\$undefined\,\$undefined\,true,\\,\$\,\$1\,\c\,{\children\:\$\,\link\,\0\,{\rel\:\stylesheet\,\href\:\/_next/static/css/e3502c49174b94e9.css\,\precedence\:\next\,\crossOrigin\:\$undefined\,\nonce\:\$undefined\},\$\,\html\,null,{\lang\:\en\,\children\:\$\,\body\,null,{\className\:\__variable_8a6089 font-outfit antialiased\,\children\:\$\,\$L2\,null,{\children\:\$\,\$L3\,null,{},\$\,\$L4\,null,{\parallelRouterKey\:\children\,\error\:\$5\,\errorStyles\:,\errorScripts\:,\template\:\$\,\$L6\,null,{},\templateStyles\:\$undefined\,\templateScripts\:\$undefined\,\notFound\:\$\,\$L7\,null,{},,\forbidden\:\$undefined\,\unauthorized\:\$undefined\}}}}},{\children\:\__PAGE__\,\$\,\$1\,\c\,{\children\:\$\,\div\,null,{\className\:\flex flex-col h-screen relative\,\children\:\$\,\main\,null,{\className\:\flex flex-col h-screen relative\,\children\:\$\,\section\,null,{\className\:\flex bg-black items-center justify-center min-h-screen relative overflow-hidden\,\children\:\$\,\div\,null,{\className\:\absolute inset-0 hero-gradient-bg\},\$\,\div\,null,{\className\:\w-full max-w-screen-xl flex-center gap-4 mt-4 xl:mt-0 sm:mt-0 sm:items-center px-6 relative z-10\,\children\:\$\,\div\,null,{\className\:\flex flex-col gap-1 md:w-2/3 w-full sm:w-70% mt-10 sm:items-start items-center self-center text-wrap\,\children\:\$\,\h1\,null,{\className\:\h1 animate-fade-in-left text-white\,\children\:\Transform Customer Engagement with\,\ \,\$\,\span\,null,{\className\:\brand-highlight-text animate-gradient-text\,\children\:\Hyper-Realistic\},\ \,\Ai Avatars\},\$\,\h4\,null,{\className\:\secondary-highlight p-2 md:p-0 animate-fade-in-left animation-delay-800 text-balance\,\children\:\Deploy interactive digital avatars that listen, respond, and build real connections with your customers.\},\$\,\div\,null,{\className\:\animate-fade-in-up animation-delay-1200\,\children\:\$\,\$L8\,null,{}}},\$\,\div\,null,{\className\:\relative self-center flex-center mt-20 sm:flex hidden min-w-1/4\,\children\:\$\,\div\,null,{\className\:\w-350px h-auto hero-fade-mask\,\children\:\$\,\div\,null,{\className\:\animate-fade-in-right animation-delay-400\,\children\:\$\,\$L9\,null,{\src\:\/ultronHero.png\,\width\:350,\height\:300,\priority\:true,\fetchPriority\:\high\,\className\:\w-full h-auto object-contain\,\alt\:\hero section avatar\,\sizes\:\(max-width: 768px) 90vw, (max-width: 1200px) 50vw, 350px\}}}}}},\$\,\$La\,null,{},\$\,\$Lb\,null,{},\$\,\$Lc\,null,{},\$\,\$Ld\,null,{\moduleIds\:\app/page.tsx -\u003e @/components/AiCards\},\$Le\,\$\,\$Lf\,null,{},\$\,\$Ld\,null,{\moduleIds\:\app/page.tsx -\u003e @/components/Integration\},\$L10\,\$\,\footer\,null,{\className\:\w-full bg-dark-bg py-8 border-t border-gray-100/60\,\children\:\$\,\div\,null,{\className\:\max-w-screen-xl mx-auto\,\children\:\$\,\div\,null,{\className\:\grid grid-cols-1 md:grid-cols-5 gap-8 md:px-6 xl:px-0 px-6\,\children\:\$\,\div\,null,{\children\:\$\,\$L11\,null,{\href\:\/\,\className\:\flex items-center gap-2 mb-4 group\,\children\:\$\,\$L9\,null,{\src\:\/metabrix.png\,\alt\:\UltronAI\,\width\:32,\height\:32,\className\:\h-7 w-7\,\loading\:\lazy\,\priority\:false},\$\,\span\,null,{\className\:\text-xl font-headline font-bold text-foreground group-hover:text-accent transition-colors text-white\,\children\:\Metabrix Labs\}},\$\,\p\,null,{\className\:\text-sm text-gray-400\,\children\:\Intelligent Avatars, Human-like Interactions.\}},\$\,\div\,\Product\,{\children\:\$\,\h3\,null,{\className\:\font-headline text-md font-semibold mb-3\,\children\:\Product\},\$\,\ul\,null,{\className\:\space-y-2 text-sm\,\children\:\$\,\li\,\0\,{\children\:\$\,\$L11\,null,{\href\:\/usecase\,\className\:\text-gray-400 hover:text-var(--brand) transition-colors\,\children\:\Features\}},\$\,\li\,\1\,{\children\:\$\,\$L11\,null,{\href\:\https://app.ultronai.me/Pricing-all\,\className\:\text-gray-400 hover:text-var(--brand) transition-colors\,\children\:\Pricing\}},\$\,\li\,\2\,{\children\:\$\,\$L11\,null,{\href\:\#integration\,\className\:\text-gray-400 hover:text-var(--brand) transition-colors\,\children\:\Integration\}}}},\$\,\div\,\Company\,{\children\:\$\,\h3\,null,{\className\:\font-headline text-md font-semibold mb-3\,\children\:\Company\},\$\,\ul\,null,{\className\:\space-y-2 text-sm\,\children\:\$\,\li\,\0\,{\children\:\$\,\$L11\,null,{\href\:\/about\,\className\:\text-gray-400 hover:text-var(--brand) transition-colors\,\children\:\About Us\}},\$L12\}},\$L13\,\$L14\},\$L15\,\$L16\}}}},\$L17\,\$L18\},{},null,false},null,false,\$L19\,false,\m\:\$undefined\,\G\:\$1a\,,\s\:false,\S\:true}\n)/script>script>self.__next_f.push(1,1b:I4431,,\OutletBoundary\\n1d:I5278,,\AsyncMetadataOutlet\\n1f:I4431,,\ViewportBoundary\\n21:I4431,,\MetadataBoundary\\n22:\$Sreact.suspense\\n12:\$\,\li\,\1\,{\children\:\$\,\$L11\,null,{\href\:\/contact\,\className\:\text-gray-400 hover:text-var(--brand) transition-colors\,\children\:\Contact\}}\n13:\$\,\div\,\Resources\,{\children\:\$\,\h3\,null,{\className\:\font-headline text-md font-semibold mb-3\,\children\:\Resources\},\$\,\ul\,null,{\className\:\space-y-2 text-sm\,\children\:\$\,\li\,\0\,{\children\:\$\,\$L11\,null,{\href\:\https://app.ultronai.me/Documentation\,\className\:\text-gray-400 hover:text-var(--brand) transition-colors\,\children\:\Documentation\}},\$\,\li\,\1\,{\children\:\$\,\$L11\,null,{\href\:\https://github.com/METABRIX-ORG/react-sdk-sample\,\className\:\text-gray-400 hover:text-var(--brand) transition-colors\,\children\:\Github\}}}}\n)/script>script>self.__next_f.push(1,14:\$\,\div\,\Socials\,{\children\:\$\,\h3\,null,{\className\:\font-headline text-md font-semibold mb-3\,\children\:\Socials\},\$\,\ul\,null,{\className\:\space-y-2 text-sm\,\children\:\$\,\li\,\0\,{\children\:\$\,\$L11\,null,{\href\:\https://www.instagram.com/metabrix_labs/\,\className\:\text-gray-400 hover:text-var(--brand) transition-colors\,\children\:\Instagram\}},\$\,\li\,\1\,{\children\:\$\,\$L11\,null,{\href\:\https://x.com/metabrixlabs/\,\className\:\text-gray-400 hover:text-var(--brand) transition-colors\,\children\:\Twitter\}},\$\,\li\,\2\,{\children\:\$\,\$L11\,null,{\href\:\https://www.linkedin.com/company/metabrix-labs/\,\className\:\text-gray-400 hover:text-var(--brand) transition-colors\,\children\:\Linkedin\}}}}\n)/script>script>self.__next_f.push(1,15:\$\,\p\,null,{\className\:\mt-6 text-center text-xs text-white/50 px-4\,\children\:\By continuing you agree to our \,\$\,\a\,null,{\className\:\underline\,\href\:\https://app.ultronai.me/tos\,\children\:\Terms\},\ and \,\$\,\a\,null,{\className\:\underline\,\href\:\https://app.ultronai.me/Privacy\,\children\:\Privacy Policy\},\.\}\n16:\$\,\div\,null,{\className\:\mt-10 pt-8 border-t border-border/50 bg-dark-bg text-center text-sm text-gray-300/20 absolute left-0 right-0 \,\children\:\$\,\p\,null,{\className\:\mb-6\,\children\:\© \,2025,\ UltronAI. All rights reserved.\}}\n17:\$\,\link\,\0\,{\rel\:\stylesheet\,\href\:\/_next/static/css/fec95abf28dff384.css\,\precedence\:\next\,\crossOrigin\:\$undefined\,\nonce\:\$undefined\}\n18:\$\,\$L1b\,null,{\children\:\$L1c\,\$\,\$L1d\,null,{\promise\:\$@1e\}}\n19:\$\,\$1\,\h\,{\children\:null,\$\,\$L1f\,null,{\children\:\$L20\},\$\,\meta\,null,{\name\:\next-size-adjust\,\content\:\\},\$\,\$L21\,null,{\children\:\$\,\div\,null,{\hidden\:true,\children\:\$\,\$22\,null,{\fallback\:null,\children\:\$L23\}}}}\n)/script>script>self.__next_f.push(1,24:I7875,\239\,\static/chunks/239-e5a90e2a60ae59a5.js\,\619\,\static/chunks/619-9168df9c2a29b74b.js\,\130\,\static/chunks/130-4b0534458971a9b2.js\,\471\,\static/chunks/471-d8e9b770c78a4b90.js\,\174\,\static/chunks/174-4b3a5bea3a0249d0.js\,\974\,\static/chunks/app/page-76938b94bae67945.js\,\default\\n25:I5002,\239\,\static/chunks/239-e5a90e2a60ae59a5.js\,\619\,\static/chunks/619-9168df9c2a29b74b.js\,\130\,\static/chunks/130-4b0534458971a9b2.js\,\471\,\static/chunks/471-d8e9b770c78a4b90.js\,\174\,\static/chunks/174-4b3a5bea3a0249d0.js\,\974\,\static/chunks/app/page-76938b94bae67945.js\,\default\\n26:I6194,\239\,\static/chunks/239-e5a90e2a60ae59a5.js\,\619\,\static/chunks/619-9168df9c2a29b74b.js\,\130\,\static/chunks/130-4b0534458971a9b2.js\,\471\,\static/chunks/471-d8e9b770c78a4b90.js\,\174\,\static/chunks/174-4b3a5bea3a0249d0.js\,\974\,\static/chunks/app/page-76938b94bae67945.js\,\default\\n)/script>script>self.__next_f.push(1,e:\$\,\section\,null,{\className\:\w-full relative bg-black sm:px-2 px-3\,\children\:\$\,\div\,null,{\className\:\max-w-screen-xl md:px-6 flex mx-auto flex-col gap-4 items-start justify-start w-full py-10 min-h-screen\,\children\:\$\,\div\,null,{\className\:\flex flex-col gap-4 w-full\,\children\:\$\,\h2\,null,{\className\:\h1 w-98% text-gradient text-balance text-center\,\children\:\Try \,\$\,\span\,null,{\className\:\brand-highlight-text\,\children\:\Hyper-Realistic\},\ AI Avatars\},\$\,\h5\,null,{\className\:\secondary-highlight w-98% text-balance text-center\,\children\:\Each avatar is unique and can be customized to reflect your brands identity and values.\}},\$\,\div\,null,{\className\:\grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 w-full\,\children\:\$\,\$L24\,\684c8261057f191400b64bf0\,{\id\:\684c8261057f191400b64bf0\,\title\:\Nick\,\speciality\:\Business Intelligence\,\backgroundImage\:\/avatars/10.jpg\},\$\,\$L24\,\6841e1b500568adf77acfc49\,{\id\:\6841e1b500568adf77acfc49\,\title\:\Jaxon\,\speciality\:\Customer Support\,\backgroundImage\:\/avatars/3.jpg\},\$\,\$L24\,\6851c57bbacb494ae11fa13a\,{\id\:\6851c57bbacb494ae11fa13a\,\title\:\Roxanne\,\speciality\:\Security Expert\,\backgroundImage\:\/avatars/9.jpg\},\$\,\$L24\,\684c87e4057f191400b64ca0\,{\id\:\684c87e4057f191400b64ca0\,\title\:\Rhea\,\speciality\:\Receptionist Support\,\backgroundImage\:\/avatars/8.jpg\},\$\,\$L24\,\6841360500568adf77acf136\,{\id\:\6841360500568adf77acf136\,\title\:\Jonas\,\speciality\:\Business Intelligence\,\backgroundImage\:\/avatars/1.jpg\},\$\,\$L24\,\6841f9a800568adf77acfcda\,{\id\:\6841f9a800568adf77acfcda\,\title\:\Celine\,\speciality\:\Receptionist Support\,\backgroundImage\:\/avatars/2.jpg\},\$\,\$L24\,\684d08b9057f191400b64d57\,{\id\:\684d08b9057f191400b64d57\,\title\:\CIRUS\,\speciality\:\Customer Support\,\backgroundImage\:\/avatars/5.jpg\},\$\,\$L24\,\6841d83100568adf77acfb3f\,{\id\:\6841d83100568adf77acfb3f\,\title\:\Teyo\,\speciality\:\Health Support\,\backgroundImage\:\/avatars/4.jpg\},\$\,\$L24\,\68594948deb0209a3255f086\,{\id\:\68594948deb0209a3255f086\,\title\:\Takumi\,\speciality\:\AI Assistant\,\backgroundImage\:\/avatars/17.jpg\}}}}\n)/script>script>self.__next_f.push(1,27:T699,)/script>script>self.__next_f.push(1,\u003cscript type\importmap\\u003e\n {\n \imports\: {\n \ultron-ai-sdk\: \https://cdn.jsdelivr.net/npm/ultron-ai-sdk@1.1.6/dist/index.mjs?module\ \n }\n }\n \u003c/script\u003e\n \n \u003cscript type\module\\u003e\n \n import {SceneCanvas, Character} from ultron-ai-sdk; \n // Creating a new elment to inject in body\n if (!document.getElementById(target-html-element-id)){ {\n try{\n const div document.createElement(div);\n div.id target-html-element-id;\n document.body.appendChild(div); \n init() // You can also call this on user interaction like clicking on support/chat icon.\n }catch(error){\n console.log(error)\n }\n } \n let sceneCanvas\n let character \n const init async() \u003e {\n sceneCanvas new SceneCanvas(target-html-element-id)\n const initializationSetting {\n avatarId: \YOUR_AVATAR_ID\, // AvatarId and Request Id are same\n config:{\n apiKey: \YOUR_API_KEY\, // Not required if you can create and access \sessionId\ Not recommended\n // sessionId: \SESSION_ID_FOR_CURRENT_USER\ // Recomended method for secure access and in production\n },\n options:{\n hideClickMessage: true, // Remove default \Click message\ on the avatar\n alwaysListen: false, // For Push to talk conversation\n highFidelityMode: true // Enables higher graphics quality (can impact performance on low-end devices)\n }\n }\n await sceneCanvas.init(initializationSetting)\n character sceneCanvas.character \n }\n \u003c/script\u003e)/script>script>self.__next_f.push(1,10:\$\,\$L25\,null,{\children\:\$\,\div\,null,{\className\:\lg:px-6 xl:px-0 sm:px-2\,\children\:\$\,\div\,null,{\className\:\text-center mb-12\,\children\:\$\,\h2\,null,{\className\:\h1\,\children\:\Seamless Integration, \,\$\,\span\,null,{\className\:\text-var(--brand)\,\children\:\Powerful Results\}},\$\,\p\,null,{\className\:\secondary-highlight w-full!\,\children\:\Embed your AI characters into any website or application with just a few lines of code. UltronAI is designed for developers of all skill levels.\}},\$\,\div\,null,{\className\:\flex flex-col gap-14\,\children\:\$\,\div\,null,{\className\:\grid md:grid-cols-2 grid-cols-1 gap-8 items-start\,\children\:\$\,\div\,null,{\className\:\px-2 sm:px-0\,\children\:\$\,\h3\,null,{\className\:\text-sm bg-#23241F p-2 w-min -mb-2 rounded-md font-headline font-semibold\,\children\:\HTML\},\$\,\$L26\,null,{\code\:\$27\,\language\:\html\,\className\:\col-span-2\}},\$\,\div\,null,{\className\:\px-2 sm:px-0\,\children\:\$\,\h3\,null,{\className\:\text-sm bg-#23241F p-2 w-min -mb-2 rounded-md font-headline font-semibold\,\children\:\React\},\$\,\$L26\,null,{\code\:\import {SceneCanvas, Character} from ultron-ai-sdk; \\n let sceneCanvas\\n let character\\n const init async() \u003e {\\n sceneCanvas new SceneCanvas(target-html-element-id)\\n const initializationSetting {\\n avatarId: \\\AVATAR_ID\\\, // AvatarId and Request Id are same\\n config:{\\n apiKey: \\\YOUR_ULTRON_API_KEY\\\\\n },\\n options:{\\n alwaysListen: false // For Push to talk conversation\\n }\\n }\\n await sceneCanvas.init(initializationSetting)\\n character sceneCanvas.character\\n }\\n init()\,\language\:\jsx\,\className\:\col-span-2\}}},\$\,\div\,null,{\className\:\space-y-6 mt-4 md:mt-0 text-center w-full\,\children\:\$L28\,\$L29\,\$L2a\},\$L2b\}}}\n)/script>script>self.__next_f.push(1,2c:I5655,\239\,\static/chunks/239-e5a90e2a60ae59a5.js\,\619\,\static/chunks/619-9168df9c2a29b74b.js\,\130\,\static/chunks/130-4b0534458971a9b2.js\,\471\,\static/chunks/471-d8e9b770c78a4b90.js\,\174\,\static/chunks/174-4b3a5bea3a0249d0.js\,\974\,\static/chunks/app/page-76938b94bae67945.js\,\default\\n28:\$\,\h3\,null,{\className\:\h3 text-center mb-1\,\children\:\Works With Your Stack\}\n29:\$\,\p\,null,{\className\:\secondary-highlight p-2 md:p-0 w-full! text-gradient text-center\,\children\:\UltronAI offers flexible integration options, supporting standard web technologies and popular JavaScript frameworks.\}\n)/script>script>self.__next_f.push(1,2a:\$\,\div\,null,{\className\:\flex items-center justify-center gap-4\,\children\:\$\,\div\,\HTML5\,{\className\:\text-center p-4 rounded-xl hover:scale-105 transition-transform\,\children\:\$\,\div\,null,{\className\:\flex justify-center mb-2 animate-pulse-subtle \,\children\:\$\,\svg\,null,{\ref\:\$undefined\,\xmlns\:\http://www.w3.org/2000/svg\,\width\:24,\height\:24,\viewBox\:\0 0 24 24\,\fill\:\none\,\stroke\:\currentColor\,\strokeWidth\:2,\strokeLinecap\:\round\,\strokeLinejoin\:\round\,\className\:\lucide lucide-code-xml h-8 w-8 text-primary\,\aria-hidden\:\true\,\children\:\$\,\path\,\1inbqp\,{\d\:\m18 16 4-4-4-4\},\$\,\path\,\15zrgr\,{\d\:\m6 8-4 4 4 4\},\$\,\path\,\e7oirm\,{\d\:\m14.5 4-5 16\},\$undefined\}},\$\,\p\,null,{\className\:\font-medium\,\children\:\HTML5\}},\$\,\div\,\React\,{\className\:\text-center p-4 rounded-xl hover:scale-105 transition-transform\,\children\:\$\,\div\,null,{\className\:\flex justify-center mb-2 animate-pulse-subtle \,\children\:\$\,\svg\,null,{\ref\:\$undefined\,\xmlns\:\http://www.w3.org/2000/svg\,\width\:24,\height\:24,\viewBox\:\0 0 24 24\,\fill\:\none\,\stroke\:\currentColor\,\strokeWidth\:2,\strokeLinecap\:\round\,\strokeLinejoin\:\round\,\className\:\lucide lucide-braces h-8 w-8 text-primary\,\aria-hidden\:\true\,\children\:\$\,\path\,\ezmyqa\,{\d\:\M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5c0 1.1.9 2 2 2h1\},\$\,\path\,\e1hn23\,{\d\:\M16 21h1a2 2 0 0 0 2-2v-5c0-1.1.9-2 2-2a2 2 0 0 1-2-2V5a2 2 0 0 0-2-2h-1\},\$undefined\}},\$\,\p\,null,{\className\:\font-medium\,\children\:\React\}},\$\,\div\,\Major Frameworks\,{\className\:\text-center p-4 rounded-xl hover:scale-105 transition-transform\,\children\:\$\,\div\,null,{\className\:\flex justify-center mb-2 animate-pulse-subtle \,\children\:\$\,\svg\,null,{\ref\:\$undefined\,\xmlns\:\http://www.w3.org/2000/svg\,\width\:24,\height\:24,\viewBox\:\0 0 24 24\,\fill\:\none\,\stroke\:\currentColor\,\strokeWidth\:2,\strokeLinecap\:\round\,\strokeLinejoin\:\round\,\className\:\lucide lucide-zap h-8 w-8 text-primary\,\aria-hidden\:\true\,\children\:\$\,\path\,\1xq2db\,{\d\:\M4 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\},\$undefined\}},\$\,\p\,null,{\className\:\font-medium\,\children\:\Major Frameworks\}}}\n)/script>script>self.__next_f.push(1,2b:\$\,\$L2c\,null,{}\n)/script>script>self.__next_f.push(1,20:\$\,\meta\,\0\,{\charSet\:\utf-8\},\$\,\meta\,\1\,{\name\:\viewport\,\content\:\widthdevice-width, initial-scale1\}\n1c:null\n)/script>script>self.__next_f.push(1,2d:I622,,\IconMark\\n)/script>script>self.__next_f.push(1,1e:{\metadata\:\$\,\title\,\0\,{\children\:\Metabrix Labs - AI Avatar Generator\},\$\,\meta\,\1\,{\name\:\description\,\content\:\Create your own AI Avatar with Metabrix Labs by Metabrix. AI Avatar Generator. Customize your AI Avatar. \},\$\,\meta\,\2\,{\name\:\keywords\,\content\:\Metabrix Labs, AI Avatar Generator, Customize your AI Avatar\},\$\,\meta\,\3\,{\name\:\robots\,\content\:\index, follow\},\$\,\link\,\4\,{\rel\:\canonical\,\href\:\https://ultronai.me\},\$\,\meta\,\5\,{\property\:\og:title\,\content\:\Metabrix Labs\},\$\,\meta\,\6\,{\property\:\og:description\,\content\:\Create your own AI Avatar with Metabrix Labs by Metabrix. AI Avatar Generator. Customize your AI Avatar. \},\$\,\meta\,\7\,{\property\:\og:image\,\content\:\https://metabrixlab.com/metabrix.png\},\$\,\meta\,\8\,{\name\:\twitter:card\,\content\:\summary_large_image\},\$\,\meta\,\9\,{\name\:\twitter:title\,\content\:\Metabrix Labs\},\$\,\meta\,\10\,{\name\:\twitter:description\,\content\:\Create your own AI Avatar with Metabrix Labs by Metabrix. AI Avatar Generator. Customize your AI Avatar. \},\$\,\meta\,\11\,{\name\:\twitter:image\,\content\:\https://metabrixlab.com/metabrix.png\},\$\,\link\,\12\,{\rel\:\icon\,\href\:\/favicon.ico\,\type\:\image/x-icon\,\sizes\:\32x32\},\$\,\link\,\13\,{\rel\:\icon\,\href\:\/metabrix.png\},\$\,\$L2d\,\14\,{},\error\:null,\digest\:\$undefined\}\n)/script>script>self.__next_f.push(1,23:\$1e:metadata\\n)/script>/body>/html>
View on OTX
|
View on ThreatMiner
Please enable JavaScript to view the
comments powered by Disqus.
Data with thanks to
AlienVault OTX
,
VirusTotal
,
Malwr
and
others
. [
Sitemap
]