https://hcs-3dx.lovable.app/js/ThreeDOids-CjmtJKQI.js

1import{j as e,B as a}from"./chunk-C28gIDL-.js";import{B as i}from"../assets/index-CUqq5aEh.js";import{L as t}from"./chunk-CKixOifS.js";import{r as s}from"./chunk-BpfxnQhy.js";import{S as o}from"./chunk-CLRl1dcC.js";import"./chunk-CuFeiiuf.js";import"./chunk-BiRyttDq.js";const g=()=>{const r=s.useRef(null),l=s.useRef(null);return s.useEffect(()=>{r.current&&(r.current.playbackRate=2),l.current&&(l.current.playbackRate=2)},[]),e.jsxs("div",{className:"bg-gradient-to-br from-white via-bioorange-50 to-customgray-200",children:[e.jsx(o,{title:"3D-oids Generation | HCS-3DX",description:"Reproducible spheroid and organoid generation for high-content 3D cell culture screening with HCS-3DX.",path:"/technology/3d-oids"}),e.jsxs("div",{className:"container-custom section-padding",children:[e.jsxs("div",{className:"text-center mb-16",children:[e.jsx("div",{className:"inline-block bg-bioorange-500 p-4 rounded-full mb-4",children:e.jsx(a,{size:48,className:"text-white"})}),e.jsx("h1",{className:"text-biotech-700 mb-6",children:"3D-oids Generation"}),e.jsx("div",{className:"w-24 h-1 bg-biotech-500 mx-auto rounded-full mb-6"}),e.jsx("p",{className:"text-customgray-700 max-w-3xl mx-auto text-2xl",children:"Our advanced spheroid generation platform allows researchers to create accurate and reproducible 3D cell culture models."})]}),e.jsxs("div",{className:"grid md:grid-cols-2 gap-16 items-center mb-16",children:[e.jsxs("div",{children:[e.jsx("h2",{className:"text-biotech-700 mb-4",children:"Years of Experience in 3D-oids Research"}),e.jsx("div",{className:"w-16 h-1 bg-bioorange-500 rounded-full mb-4"}),e.jsx("p",{className:"text-customgray-800 mb-6",children:"With over a decade of experience in 3D cell culture research, our team has developed unparalleled expertise in the generation and analysis of three-dimensional models. Our research has led to breakthroughs in understanding cellular interactions within complex microenvironments, providing more physiologically relevant insights than traditional 2D cell cultures."}),e.jsx("p",{className:"text-customgray-800 mb-6",children:" This level of knowledge is crucial for drug discovery and personalized medicine applications, where reproducibility and reliability are paramount."}),e.jsx("div",{className:"bg-bioorange-100 p-4 rounded-lg border-l-4 border-bioorange-500 hover-scale transition-all duration-300 hover:shadow-lg",children:e.jsx("p",{className:"text-bioorange-800 font-medium",children:"Decade of expertise ensures reliable and physiologically relevant 3D models."})})]}),e.jsx("div",{className:"backdrop-blur-md bg-white/10 rounded-2xl p-6 shadow-xl border border-white/20 hover-scale transition-all duration-300 hover:shadow-2xl",children:e.jsx("div",{className:"w-full h-full flex items-center justify-center overflow-hidden rounded-xl",children:e.jsx("img",{src:"/lovable-uploads/cb707319-b4c1-447f-899e-0836dd43a65f.png",alt:"3D Spheroid Model",className:"w-full h-auto object-contain max-h-96 rounded-2xl"})})})]}),e.jsxs("div",{className:"grid md:grid-cols-2 gap-16 items-center mb-16 md:flex-row-reverse",children:[e.jsxs("div",{className:"md:order-2",children:[e.jsx("h2",{className:"text-biotech-700 mb-4",children:"High-Quantity Screening Capabilities"}),e.jsx("div",{className:"w-16 h-1 bg-bioorange-500 rounded-full mb-4"}),e.jsx("p",{className:"text-customgray-800 mb-6",children:"Our main focus has been optimizing the generation of 3D-oids in high quantities suitable for high-content screening applications. "}),e.jsx("p",{className:"text-customgray-800 mb-6",children:"The HCS-3DX platform overcomes these limitations, allowing researchers to screen hundred of uniform 3D-oids in a single batch. Combined with our automated imaging and analysis technologies, this enables truly high-throughput screening of compounds against physiologically relevant 3D models."}),e.jsx("div",{className:"bg-bioorange-100 p-4 rounded-lg border-l-4 border-bioorange-500 hover-scale transition-all duration-300 hover:shadow-lg",children:e.jsx("p",{className:"text-bioorange-800 font-medium",children:"High-throughput screening of hundreds of uniform spheroids in a single batch."})})]}),e.jsx("div",{className:"backdrop-blur-md bg-white/10 rounded-2xl p-6 shadow-xl border border-white/20 md:order-1 hover-scale transition-all duration-300 hover:shadow-2xl",children:e.jsx("div",{className:"w-full h-full flex items-center justify-center overflow-hidden rounded-xl",children:e.jsx("img",{src:"/lovable-uploads/8a24a684-69be-4fe9-8d23-ca6a97381057.png",alt:"High-Quantity Screening",className:"w-full h-auto object-contain max-h-96 rounded-2xl"})})})]}),e.jsxs("div",{className:"grid md:grid-cols-2 gap-16 items-center mb-16",children:[e.jsxs("div",{children:[e.jsx("h2",{className:"text-biotech-700 mb-4",children:"Advanced Imaging & Analysis"}),e.jsx("div",{className:"w-16 h-1 bg-bioorange-500 rounded-full mb-4"}

1),e.jsx("p",{className:"text-customgray-800 mb-6",children:"Our proprietary imaging technology allows for detailed visualization of cellular structures within 3D-oids, enabling researchers to gain insights at the single-cell level."}),e.jsx("p",{className:"text-customgray-800 mb-6",children:"By combining multi-channel fluorescence imaging with our advanced analysis algorithms, we can track cell behavior, morphology changes, and drug responses with unprecedented accuracy."}),e.jsx("div",{className:"bg-bioorange-100 p-4 rounded-lg border-l-4 border-bioorange-500 hover-scale transition-all duration-300 hover:shadow-lg",children:e.jsx("p",{className:"text-bioorange-800 font-medium",children:"Single-cell level insights through advanced multi-channel fluorescence imaging."})})]}),e.jsx("div",{className:"backdrop-blur-md bg-white/10 rounded-2xl p-6 shadow-xl border border-white/20 hover-scale transition-all duration-300 hover:shadow-2xl",children:e.jsx("div",{className:"w-full h-full flex items-center justify-center overflow-hidden rounded-xl",children:e.jsx("img",{src:"/lovable-uploads/9c928972-c0e8-480c-8719-cb65183e38bb.png",alt:"Advanced 3D Imaging",className:"w-full h-auto object-contain max-h-96 rounded-2xl"})})})]}),e.jsxs("div",{className:"bg-biotech-500 p-8 rounded-lg text-white shadow-xl hover-scale transition-all duration-300 hover:shadow-2xl",children:[e.jsx("h3",{className:"text-white mb-4 text-center font-bold text-2xl",children:"Key Advantages of Our 3D-oids Technology"}),e.jsxs("div",{className:"grid md:grid-cols-3 gap-6",children:[e.jsxs("div",{className:"bg-white/10 backdrop-blur-sm p-6 rounded-lg border border-white/20 hover-scale transition-all duration-300 hover:shadow-lg",children:[e.jsx("h4",{className:"text-white font-medium mb-2",children:"Physiological Relevance"}),e.jsx("p",{className:"text-white/90 text-sm",children:"3D structures closely mimic tissue architecture and cellular interactions found in vivo."})]}),e.jsxs("div",{className:"bg-white/10 backdrop-blur-sm p-6 rounded-lg border border-white/20 hover-scale transition-all duration-300 hover:shadow-lg",children:[e.jsx("h4",{className:"text-white font-medium mb-2",children:"Uniformity & Reproducibility"}),e.jsx("p",{className:"text-white/90 text-sm",children:"Consistent size and shape enables reliable experimental results and valid statistical analysis."})]}),e.jsxs("div",{className:"bg-white/10 backdrop-blur-sm p-6 rounded-lg border border-white/20 hover-scale transition-all duration-300 hover:shadow-lg",children:[e.jsx("h4",{className:"text-white font-medium mb-2",children:"High-Throughput Capabilities"}),e.jsx("p",{className:"text-white/90 text-sm",children:"Generate thousands of spheroids for large-scale drug screening campaigns."})]})]})]}),e.jsxs("div",{className:"mt-16",children:[e.jsx("h3",{className:"text-biotech-700 mb-8 text-center text-2xl",children:"Co-Culture Technology in Action"}),e.jsxs("div",{className:"grid md:grid-cols-2 gap-12 items-center",children:[e.jsx("div",{className:"backdrop-blur-md bg-white/10 rounded-2xl p-6 shadow-xl border border-white/20 hover-scale transition-all duration-300 hover:shadow-2xl",children:e.jsx("div",{className:"w-full h-full flex items-center justify-center overflow-hidden rounded-xl",children:e.jsx("video",{ref:r,src:"/co-culture2.mp4",autoPlay:!0,loop:!0,muted:!0,playsInline:!0,preload:"auto",className:"w-full h-auto object-contain rounded-2xl hover-scale transition-all duration-300",controls:!0,children:"Your browser does not support the video tag."})})}),e.jsxs("div",{children:[e.jsx("h4",{className:"text-biotech-700 mb-4 text-xl font-semibold",children:"Advanced Light-Sheet Imaging"}),e.jsx("div",{className:"w-16 h-1 bg-bioorange-500 rounded-full mb-4"}),e.jsx("p",{className:"text-customgray-800 mb-4",children:"This video demonstrates single cell resolution imaging using light-sheet microscopy within our HCS multiwell plate system. The co-culture spheroid comprises HeLa Kyoto and MRC-5 cell lines, showcasing the complex cellular interactions in a physiologically relevant 3D environment."}

1),e.jsx("p",{className:"text-customgray-800 mb-4",children:"The fluorescent markers reveal distinct cellular components: blue (DAPI) highlights nuclei, green (EGFP-alpha-tubulin) and red (H2B-mCherry) specifically mark HeLa Kyoto cells showing microtubule networks and chromatin respectively, while grey indicates actin filaments throughout the spheroid structure."}),e.jsx("div",{className:"bg-bioorange-100 p-4 rounded-lg border-l-4 border-bioorange-500 hover-scale transition-all duration-300 hover:shadow-lg",children:e.jsx("p",{className:"text-bioorange-800 font-medium text-sm",children:"Single cell resolution achieved through light-sheet imaging. Scale bar represents 50 μm."})})]})]})]}),e.jsx("div",{className:"mt-16",children:e.jsxs("div",{className:"grid md:grid-cols-2 gap-12 items-center",children:[e.jsxs("div",{children:[e.jsx("h4",{className:"text-biotech-700 mb-4 text-xl font-semibold",children:"Tri-Culture Tumor Spheroids: Mimicking Complex Tissue Architecture"}),e.jsx("div",{className:"w-16 h-1 bg-bioorange-500 rounded-full mb-4"}),e.jsx("p",{className:"text-customgray-800 mb-4",children:"Witness the heterogeneity of the tri-culture tumor spheroids, where three distinct cell types interact. This advanced model features A375 melanoma cells (red) as the tumor outer layer, surrounding the EA.hy926 endothelial cells (green), and MRC-5 fibroblasts (white)."}),e.jsx("p",{className:"text-customgray-800 mb-4",children:"By bringing together tumor, endothelial, and stromal cells in a single 3D structure, a physiologically more relevant microenvironment was created that closely mirrors the complexity of actual tumor tissue. This level of complexity may enables researchers to study cell-cell interactions, drug penetration, and therapeutic responses with exceptional accuracy."}),e.jsx("div",{className:"bg-bioorange-100 p-4 rounded-lg border-l-4 border-bioorange-500 hover-scale transition-all duration-300 hover:shadow-lg",children:e.jsx("p",{className:"text-bioorange-800 font-medium text-sm",children:"Tri-culture model accurately replicates tumor microenvironment for advanced drug testing. Scale bar represents 50 μm."})})]}),e.jsx("div",{className:"backdrop-blur-md bg-white/10 rounded-2xl p-6 shadow-xl border border-white/20 hover-scale transition-all duration-300 hover:shadow-2xl",children:e.jsx("div",{className:"w-full h-full flex items-center justify-center overflow-hidden rounded-xl",children:e.jsx("video",{ref:l,src:"/tri-culture.mp4",autoPlay:!0,loop:!0,muted:!0,playsInline:!0,preload:"auto",className:"w-full h-auto object-contain rounded-2xl hover-scale transition-all duration-300",controls:!0,children:"Your browser does not support the video tag."})})})]})}),e.jsxs("div",{className:"mt-16",children:[e.jsx("h3",{className:"text-biotech-700 mb-6 text-center text-2xl",children:"Cellular Analysis at Multiple Scales"}),e.jsx("div",{className:"backdrop-blur-md bg-white/10 rounded-2xl p-6 shadow-xl border border-white/20 hover-scale transition-all duration-300 hover:shadow-2xl",children:e.jsx("div",{className:"w-full h-full flex items-center justify-center overflow-hidden rounded-xl",children:e.jsx("img",{src:"/lovable-uploads/05856842-b137-4fce-94b5-fc3b0b07be36.png",alt:"Multi-scale Cellular Analysis",className:"w-full h-auto object-contain max-h-[500px] rounded-2xl"})})})]}),e.jsxs("div",{className:"mt-16 bg-biotech-500 p-10 rounded-lg text-center text-white shadow-xl hover-scale transition-all duration-300 hover:shadow-2xl",children:[e.jsx("h3",{className:"font-bold mb-4 text-3xl",children:"Start Your 3D-oids Research Journey"}),e.jsx("p",{className:"text-lg mb-8 max-w-3xl mx-auto opacity-90",children:"Experience the power of our advanced 3D-oids generation technology and take your research to the next level with physiologically relevant models."}),e.jsx(t,{to:"/contact",children:e.jsx(i,{className:"bg-white text-biotech-700 hover:bg-customgray-100 text-lg px-8 py-6 h-auto font-semibold",children:"Get Started Today"})})]})]})]})};export{g as default};