{"id":4400,"date":"2021-10-12T15:51:09","date_gmt":"2021-10-12T15:51:09","guid":{"rendered":"http:\/\/dummy.xtemos.com\/woodmart2\/elementor\/?page_id=4400"},"modified":"2026-01-06T14:19:20","modified_gmt":"2026-01-06T14:19:20","slug":"about-us-3","status":"publish","type":"page","link":"https:\/\/unicare.com.tr\/?page_id=4400","title":{"rendered":"About us"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n About Unicare | Empowering Motion<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;600;700&family=Rajdhani:wght@500;600;700;800&display=swap\" rel=\"stylesheet\">\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/three.js\/r128\/three.min.js\"><\/script>\n <!-- Adding GSAP for Scroll Animations -->\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\n <style>\n \/* --- 1. GLOBAL VARIABLES --- *\/\n :root {\n --primary: #4ecdc4;\n --accent: #FF9F1C;\n --bg-dark: #050505;\n --panel: rgba(20, 20, 25, 0.6);\n --border: rgba(255, 255, 255, 0.1);\n --text-main: #ffffff;\n --text-muted: #888888;\n }\n\n \/* Elementor Fixes *\/\n .elementor-widget-html, .elementor-widget-html .elementor-widget-container { margin: 0 !important; padding: 0 !important; }\n \n * { box-sizing: border-box; }\n body { margin: 0; padding: 0; background: var(--bg-dark); font-family: 'Plus Jakarta Sans', sans-serif; color: var(--text-main); overflow-x: hidden; }\n a { text-decoration: none; color: inherit; transition: 0.3s; }\n ul { list-style: none; padding: 0; margin: 0; }\n\n \/* --- 2. TEXT HOVER EFFECT (Restored) --- *\/\n .text-hover-section {\n position: relative;\n height: 300px;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n background: #000;\n margin-top: -50px; \/* Overlap slightly *\/\n z-index: 0;\n }\n\n .text-hover-svg {\n width: 100%;\n height: 100%;\n max-width: 1200px;\n }\n\n .text-hover-text {\n font-family: 'Rajdhani', sans-serif;\n font-size: 180px;\n font-weight: 800;\n fill: transparent;\n stroke: #222;\n stroke-width: 1px;\n cursor: default;\n transition: all 0.5s ease;\n }\n\n .text-hover-section:hover .text-hover-text {\n stroke: url(#textGradient);\n stroke-width: 2px;\n stroke-dasharray: 500;\n stroke-dashoffset: 500;\n animation: drawText 3s forwards;\n }\n\n @keyframes drawText { to { stroke-dashoffset: 0; } }\n\n \/* --- 3. PRO HERO SECTION --- *\/\n .about-hero {\n position: relative;\n height: 85vh; \n min-height: 600px;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n perspective: 1000px;\n background-color: #000;\n z-index: 10;\n }\n\n .hero-bg-parallax {\n position: absolute;\n top: -5%; left: -5%; width: 110%; height: 110%;\n background: url('https:\/\/unicare.com.tr\/wp-content\/uploads\/2026\/01\/0BA1C937-8C2B-4E93-8750-6D87BC6725D2-scaled.webp');\n background-size: cover;\n background-position: center;\n filter: brightness(0.4) grayscale(100%) contrast(1.2);\n transition: transform 0.1s ease-out;\n z-index: 0;\n }\n\n .hero-overlay-gradient {\n position: absolute;\n inset: 0;\n background: radial-gradient(circle at center, transparent 0%, #050505 90%);\n z-index: 1;\n pointer-events: none;\n }\n\n .hero-tech-grid {\n position: absolute;\n inset: 0;\n background-image: \n linear-gradient(rgba(78, 205, 196, 0.05) 1px, transparent 1px),\n linear-gradient(90deg, rgba(78, 205, 196, 0.05) 1px, transparent 1px);\n background-size: 60px 60px;\n z-index: 2;\n pointer-events: none;\n mask-image: radial-gradient(circle, black 40%, transparent 80%);\n -webkit-mask-image: radial-gradient(circle, black 40%, transparent 80%);\n }\n\n .hero-content-wrapper {\n position: relative;\n z-index: 10;\n text-align: center;\n padding: 60px 40px;\n border: 1px solid rgba(255,255,255,0.05);\n background: rgba(0,0,0,0.3);\n backdrop-filter: blur(10px);\n max-width: 1000px;\n transform-style: preserve-3d;\n }\n\n .hero-hud-bracket {\n position: absolute;\n width: 30px; height: 30px;\n border: 2px solid var(--primary);\n transition: 0.5s;\n }\n .top-left { top: -2px; left: -2px; border-right: 0; border-bottom: 0; }\n .bottom-right { bottom: -2px; right: -2px; border-left: 0; border-top: 0; }\n \n .hero-content-wrapper:hover .top-left { transform: translate(-10px, -10px); }\n .hero-content-wrapper:hover .bottom-right { transform: translate(10px, 10px); }\n\n .hero-label-tech {\n font-family: 'Rajdhani', sans-serif;\n color: var(--primary);\n font-weight: 700;\n letter-spacing: 4px;\n font-size: 14px;\n text-transform: uppercase;\n display: inline-flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 20px;\n }\n\n .pulse-dot {\n width: 8px; height: 8px; background: var(--primary); border-radius: 50%;\n box-shadow: 0 0 10px var(--primary); animation: pulse 2s infinite;\n }\n @keyframes pulse { 0% { opacity: 1; } 50% { opacity: 0.3; } 100% { opacity: 1; } }\n\n .hero-title-main {\n font-family: 'Rajdhani', sans-serif;\n font-size: clamp(60px, 9vw, 130px);\n font-weight: 800;\n line-height: 0.85;\n color: #fff;\n margin: 0 0 30px 0;\n text-transform: uppercase;\n text-shadow: 0 10px 30px rgba(0,0,0,0.5);\n }\n\n .hollow-text {\n color: transparent;\n -webkit-text-stroke: 2px rgba(255,255,255,0.3);\n position: relative;\n transition: 0.5s;\n }\n .hero-content-wrapper:hover .hollow-text {\n color: #fff;\n -webkit-text-stroke: 0px;\n text-shadow: 0 0 40px rgba(255,255,255,0.4);\n }\n\n .hero-desc-pro {\n font-size: 20px;\n color: rgba(255,255,255,0.7);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.6;\n font-weight: 300;\n border-left: 3px solid var(--primary);\n padding-left: 20px;\n text-align: left;\n display: inline-block;\n }\n\n \/* --- 4. STATS TICKER --- *\/\n .stats-ticker {\n background: rgba(255,255,255,0.02);\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n padding: 25px 0;\n overflow: hidden;\n white-space: nowrap;\n position: relative;\n z-index: 20;\n backdrop-filter: blur(10px);\n }\n\n .ticker-track { display: inline-flex; animation: ticker 25s linear infinite; }\n .stat-item { display: inline-flex; align-items: center; margin: 0 50px; }\n .stat-num { font-family: 'Rajdhani'; font-size: 36px; font-weight: 700; color: #fff; margin-right: 15px; }\n .stat-label { font-size: 11px; text-transform: uppercase; letter-spacing: 1px; color: #888; display: flex; flex-direction: column; }\n .stat-label strong { color: var(--primary); }\n\n @keyframes ticker { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }\n\n \/* --- 5. CONNECTIVITY MAP SECTION (Fixed & Restored) --- *\/\n .connectivity-section {\n padding: 120px 0;\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n background: #050505;\n z-index: 10;\n }\n\n .map-wrapper {\n position: relative;\n width: 100%;\n max-width: 1000px; \n height: 600px;\n border-radius: 20px;\n overflow: hidden;\n border: 1px solid var(--border);\n background: #000;\n }\n\n \/* The Map Image Background *\/\n .map-bg-image {\n position: absolute;\n inset: 0;\n background-image: url('https:\/\/unicare.com.tr\/wp-content\/uploads\/2026\/01\/IMG_7205-1.jpg');\n background-size: cover;\n background-position: center;\n filter: grayscale(100%) brightness(0.3) contrast(1.1); \n opacity: 0.8;\n z-index: 1;\n }\n\n .map-vignette {\n position: absolute;\n inset: 0;\n background: radial-gradient(circle, transparent 30%, #050505 100%);\n z-index: 2;\n }\n\n #connectivity-canvas {\n position: absolute;\n top: 0; left: 0; width: 100%; height: 100%;\n z-index: 3;\n }\n\n .connectivity-text {\n position: absolute;\n top: 50%; left: 50%;\n transform: translate(-50%, -50%);\n text-align: center;\n z-index: 10;\n pointer-events: none;\n }\n\n .connectivity-text h2 {\n font-family: 'Rajdhani', sans-serif;\n font-size: clamp(32px, 5vw, 56px);\n font-weight: 700;\n color: #fff;\n margin: 0;\n text-transform: uppercase;\n text-shadow: 0 4px 20px rgba(0,0,0,0.8);\n }\n\n .connectivity-text span {\n color: var(--primary);\n font-size: 14px;\n letter-spacing: 4px;\n text-transform: uppercase;\n display: block;\n margin-bottom: 10px;\n font-weight: 600;\n }\n\n \/* --- 6. MISSION & VISION GRID --- *\/\n .vision-grid {\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 20px;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 40px;\n position: relative;\n z-index: 10;\n margin-top: 80px;\n }\n\n .vm-card {\n background: var(--panel);\n border: 1px solid var(--border);\n padding: 50px 40px;\n border-radius: 20px;\n backdrop-filter: blur(10px);\n transition: 0.4s;\n }\n .vm-card:hover { border-color: var(--primary); transform: translateY(-5px); }\n\n .vm-title { font-family: 'Rajdhani'; font-size: 28px; color: var(--primary); text-transform: uppercase; margin-bottom: 20px; display: flex; align-items: center; gap: 15px; border-bottom: 1px solid var(--border); padding-bottom: 15px; }\n .vm-text { font-size: 15px; line-height: 1.8; color: rgba(255,255,255,0.85); text-align: justify; }\n .vm-text strong { color: #fff; font-weight: 700; }\n\n \/* --- 7. NEW PROCESS SECTION --- *\/\n .process-section {\n padding: 120px 0;\n background: linear-gradient(to bottom, #050505, #0a0a0a);\n position: relative;\n }\n\n .process-header {\n text-align: center;\n margin-bottom: 80px;\n }\n .process-header h2 { font-family: 'Rajdhani'; font-size: 48px; color: #fff; text-transform: uppercase; margin: 0; }\n .process-header span { color: var(--primary); font-size: 14px; letter-spacing: 4px; font-weight: 700; text-transform: uppercase; }\n\n .process-grid {\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 20px;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 30px;\n }\n\n .process-card {\n background: rgba(255,255,255,0.03);\n border: 1px solid var(--border);\n padding: 40px 30px;\n border-radius: 12px;\n position: relative;\n overflow: hidden;\n transition: 0.4s;\n opacity: 0; \/* Hidden initially for GSAP *\/\n transform: translateY(30px);\n }\n\n .process-card:hover {\n background: rgba(255,255,255,0.06);\n border-color: var(--primary);\n transform: translateY(-5px);\n }\n\n .process-step-num {\n position: absolute;\n top: 20px; right: 20px;\n font-family: 'Rajdhani';\n font-size: 60px;\n font-weight: 800;\n color: rgba(255,255,255,0.05);\n line-height: 1;\n transition: 0.4s;\n }\n .process-card:hover .process-step-num { color: rgba(78, 205, 196, 0.2); }\n\n .process-icon {\n width: 50px; height: 50px;\n background: linear-gradient(135deg, var(--primary), #2a2a2a);\n display: flex; align-items: center; justify-content: center;\n border-radius: 12px;\n color: #000;\n margin-bottom: 25px;\n box-shadow: 0 5px 15px rgba(78, 205, 196, 0.2);\n }\n\n .process-title {\n font-family: 'Rajdhani';\n font-size: 22px;\n color: #fff;\n margin-bottom: 15px;\n text-transform: uppercase;\n }\n\n .process-desc {\n font-size: 14px;\n color: #999;\n line-height: 1.6;\n }\n\n \/* --- 8. OPS HUD --- *\/\n .ops-bar {\n max-width: 1400px;\n margin: 80px auto;\n border: 1px solid var(--border);\n background: rgba(255,255,255,0.02);\n padding: 40px;\n display: grid;\n grid-template-columns: 1fr 1fr 1fr 1.2fr;\n gap: 30px;\n border-radius: 20px;\n }\n\n .ops-item { padding: 0 20px; border-right: 1px solid var(--border); }\n .ops-item:last-child { border-right: none; }\n .ops-label { font-family: 'Rajdhani'; font-size: 11px; color: #888; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px; display: block; }\n .ops-value { font-size: 14px; color: #fff; font-weight: 600; margin-bottom: 4px; display: block; }\n .highlight { color: var(--primary); }\n .cert-tags span { font-size: 10px; background: rgba(78, 205, 196, 0.1); color: var(--primary); padding: 3px 8px; border-radius: 4px; margin-right: 5px; display: inline-block; margin-bottom: 5px; border: 1px solid rgba(78, 205, 196, 0.2); }\n\n @media (max-width: 1024px) {\n .vision-grid, .ops-bar, .process-grid { grid-template-columns: 1fr; gap: 30px; }\n .ops-item { border-right: none; border-bottom: 1px solid var(--border); padding-bottom: 20px; }\n .hero-title-main { font-size: 80px; }\n .map-wrapper { width: 95%; height: 400px; }\n .text-hover-text { font-size: 100px; }\n }\n <\/style>\n<\/head>\n<body>\n\n <!-- PRO HERO SECTION -->\n <section class=\"about-hero\" id=\"hero-section\">\n <div class=\"hero-bg-parallax\" id=\"hero-bg\"><\/div>\n <div class=\"hero-overlay-gradient\"><\/div>\n <div class=\"hero-tech-grid\"><\/div>\n \n <div class=\"hero-content-wrapper\" id=\"hero-content\">\n <div class=\"hero-hud-bracket top-left\"><\/div>\n <div class=\"hero-hud-bracket bottom-right\"><\/div>\n <span class=\"hero-label-tech\"><span class=\"pulse-dot\"><\/span> Established 2002 \u00b7 Istanbul<\/span>\n <h1 class=\"hero-title-main\">Engineering<br><span class=\"hollow-text\">Trust.<\/span><\/h1>\n <p class=\"hero-desc-pro\">Pioneering the intersection of <strong>Biomechanics<\/strong> and <strong>Industrial Precision<\/strong> to deliver world-class orthopedic solutions.<\/p>\n <\/div>\n <\/section>\n\n <!-- STATS TICKER -->\n <div class=\"stats-ticker\">\n <div class=\"ticker-track\">\n <div class=\"stat-item\"><span class=\"stat-num\">2025<\/span><span class=\"stat-label\">Foundation<br><strong>Year<\/strong><\/span><\/div>\n <div class=\"stat-item\"><span class=\"stat-num\">ISO<\/span><span class=\"stat-label\">13485<br><strong>Certified<\/strong><\/span><\/div>\n <div class=\"stat-item\"><span class=\"stat-num\">55+<\/span><span class=\"stat-label\">Export<br><strong>Countries<\/strong><\/span><\/div>\n <div class=\"stat-item\"><span class=\"stat-num\">CE<\/span><span class=\"stat-label\">MDR<br><strong>Compliant<\/strong><\/span><\/div>\n <div class=\"stat-item\"><span class=\"stat-num\">1M+<\/span><span class=\"stat-label\">Units<br><strong>Capacity<\/strong><\/span><\/div>\n <!-- Duplicate -->\n <div class=\"stat-item\"><span class=\"stat-num\">2025<\/span><span class=\"stat-label\">Foundation<br><strong>Year<\/strong><\/span><\/div>\n <div class=\"stat-item\"><span class=\"stat-num\">ISO<\/span><span class=\"stat-label\">13485<br><strong>Certified<\/strong><\/span><\/div>\n <div class=\"stat-item\"><span class=\"stat-num\">55+<\/span><span class=\"stat-label\">Export<br><strong>Countries<\/strong><\/span><\/div>\n <\/div>\n <\/div>\n\n <!-- TEXT HOVER EFFECT -->\n <div class=\"text-hover-section\">\n <svg class=\"text-hover-svg\" viewBox=\"0 0 1000 300\">\n <defs>\n <linearGradient id=\"textGradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\n <stop offset=\"0%\" style=\"stop-color:#4ecdc4;stop-opacity:1\" \/>\n <stop offset=\"50%\" style=\"stop-color:#00d2ff;stop-opacity:1\" \/>\n <stop offset=\"100%\" style=\"stop-color:#4ecdc4;stop-opacity:1\" \/>\n <\/linearGradient>\n <\/defs>\n <text x=\"50%\" y=\"50%\" dominant-baseline=\"middle\" text-anchor=\"middle\" class=\"text-hover-text\">\n UNICARE\n <\/text>\n <\/svg>\n <\/div>\n\n <!-- CONNECTIVITY MAP SECTION -->\n <section class=\"connectivity-section\">\n <div class=\"map-wrapper\">\n <div class=\"map-bg-image\"><\/div>\n <div class=\"map-vignette\"><\/div>\n <canvas id=\"connectivity-canvas\"><\/canvas>\n \n <div class=\"connectivity-text\">\n <span>Global Operations<\/span>\n <h2>Remote Connectivity<\/h2>\n <p style=\"color:#aaa; margin-top:10px;\">Istanbul HQ connecting to 55+ countries<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- NEW: PROCESS SECTION (The \"Next Part\") -->\n <section class=\"process-section\">\n <div class=\"process-header\">\n <span>Our Workflow<\/span>\n <h2>Production Cycle<\/h2>\n <\/div>\n \n <div class=\"process-grid\">\n <!-- Step 1 -->\n <div class=\"process-card\">\n <span class=\"process-step-num\">01<\/span>\n <div class=\"process-icon\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line><\/svg><\/div>\n <h3 class=\"process-title\">R&D Analysis<\/h3>\n <p class=\"process-desc\">Biomechanics research and material selection to ensure optimal support and comfort.<\/p>\n <\/div>\n <!-- Step 2 -->\n <div class=\"process-card\">\n <span class=\"process-step-num\">02<\/span>\n <div class=\"process-icon\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 9l6 6 6-6\"\/><\/svg><\/div>\n <h3 class=\"process-title\">Precision Knitting<\/h3>\n <p class=\"process-desc\">CNC-controlled weaving for breathable, high-elasticity fabric structures.<\/p>\n <\/div>\n <!-- Step 3 -->\n <div class=\"process-card\">\n <span class=\"process-step-num\">03<\/span>\n <div class=\"process-icon\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"><\/line><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"><\/line><\/svg><\/div>\n <h3 class=\"process-title\">Assembly<\/h3>\n <p class=\"process-desc\">Expert craftsmanship combining supports, stays, and velcro systems.<\/p>\n <\/div>\n <!-- Step 4 -->\n <div class=\"process-card\">\n <span class=\"process-step-num\">04<\/span>\n <div class=\"process-icon\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path><polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline><\/svg><\/div>\n <h3 class=\"process-title\">Quality Control<\/h3>\n <p class=\"process-desc\">Rigorous ISO 13485 testing for durability, elasticity, and safety.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- MISSION & VISION -->\n <section class=\"vision-grid\">\n <div class=\"vm-card\">\n <h3 class=\"vm-title\"><svg width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg> Our Mission<\/h3>\n <div class=\"vm-text\">\n <p>To design and manufacture innovative orthopedic supports that combine <strong>comfort, durability, and modern technology<\/strong>. We are committed to serving patients, partners, and distributors with the highest quality products at fair prices.<\/p>\n <p style=\"margin-top:15px\">Through flexibility, ethical practices, and efficient manufacturing, we aim to deliver comfort and confidence to every patient, everywhere.<\/p>\n <\/div>\n <\/div>\n <div class=\"vm-card\">\n <h3 class=\"vm-title\"><svg width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><path d=\"M2 12h20\"\/><\/svg> Our Vision<\/h3>\n <div class=\"vm-text\">\n <p>To be the world\u2019s most trusted and patient-friendly orthopedic brand \u2014 recognized for <strong>quality, innovation, and care<\/strong>.<\/p>\n <p style=\"margin-top:15px\">We strive to make our products accessible across the globe, empowering our partners through strong distribution networks, sustainable practices, and unwavering commitment to excellence.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- OPS HUD -->\n <div class=\"ops-bar\">\n <div class=\"ops-item\">\n <span class=\"ops-label\">Establishment<\/span>\n <span class=\"ops-value\" style=\"font-size: 24px; color:var(--primary);\">2025<\/span>\n <span class=\"ops-value\" style=\"font-size: 12px; margin-top:5px;\">EXW: <span class=\"highlight\">1-3 Weeks<\/span><\/span>\n <\/div>\n <div class=\"ops-item\">\n <span class=\"ops-label\">Headquarters<\/span>\n <span class=\"ops-value\" style=\"font-size:12px; line-height:1.4;\">\n YEN\u0130DO\u011eAN MAH. RAM\u0130 KI\u015eLA CAD.<br>\n NUR SANAY\u0130 S\u0130TES\u0130 NO 69<br>\n BAYRAMPA\u015eA, ISTANBUL\n <\/span>\n <\/div>\n <div class=\"ops-item\">\n <span class=\"ops-label\">Operations<\/span>\n <span class=\"ops-value\">Mon - Sat<\/span>\n <span class=\"ops-value highlight\">09:00 - 19:00<\/span>\n <\/div>\n <div class=\"ops-item\">\n <span class=\"ops-label\">Compliance<\/span>\n <div class=\"cert-tags\">\n <span>ISO 9001<\/span>\n <span>ISO 13485<\/span>\n <span>CE-MDR<\/span>\n <span>Free Sales<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- JS -->\n <script>\n \/\/ 1. HERO PARALLAX\n const heroSection = document.getElementById('hero-section');\n const heroBg = document.getElementById('hero-bg');\n const heroContent = document.getElementById('hero-content');\n\n if(heroSection) {\n heroSection.addEventListener('mousemove', (e) => {\n const x = e.clientX \/ window.innerWidth;\n const y = e.clientY \/ window.innerHeight;\n heroBg.style.transform = `translate(-${x * 20}px, -${y * 20}px) scale(1.1)`;\n const rotX = (y - 0.5) * 10;\n const rotY = (x - 0.5) * -10;\n heroContent.style.transform = `perspective(1000px) rotateX(${rotX}deg) rotateY(${rotY}deg)`;\n });\n }\n\n \/\/ 2. GSAP SCROLL ANIMATIONS (For New Section)\n gsap.registerPlugin(ScrollTrigger);\n gsap.utils.toArray('.process-card').forEach((card, i) => {\n gsap.to(card, {\n scrollTrigger: {\n trigger: card,\n start: \"top 85%\", \/\/ Start animation when card top is 85% down viewport\n toggleActions: \"play none none reverse\"\n },\n opacity: 1,\n y: 0,\n duration: 0.6,\n delay: i * 0.2 \/\/ Stagger effect\n });\n });\n\n \/\/ 3. CONNECTIVITY MAP\n (function() {\n const canvas = document.getElementById('connectivity-canvas');\n if(!canvas) return;\n const ctx = canvas.getContext('2d');\n let width, height;\n\n const istanbul = { x: 0.55, y: 0.35 };\n const destinations = [\n { x: 0.15, y: 0.35 }, \/\/ N. America\n { x: 0.25, y: 0.65 }, \/\/ S. America\n { x: 0.48, y: 0.25 }, \/\/ Europe West\n { x: 0.60, y: 0.55 }, \/\/ Africa\n { x: 0.75, y: 0.40 }, \/\/ Asia\n { x: 0.85, y: 0.70 } \/\/ Australia\n ];\n\n let particles = [];\n\n class MapParticle {\n constructor(target) {\n this.start = istanbul;\n this.end = target;\n this.progress = Math.random();\n this.speed = 0.003 + Math.random() * 0.004;\n }\n update() {\n this.progress += this.speed;\n if(this.progress > 1) this.progress = 0;\n }\n draw() {\n const sx = this.start.x * width;\n const sy = this.start.y * height;\n const ex = this.end.x * width;\n const ey = this.end.y * height;\n const cx = (sx + ex) \/ 2;\n const cy = Math.min(sy, ey) - (width * 0.1); \n\n ctx.beginPath();\n ctx.moveTo(sx, sy);\n ctx.quadraticCurveTo(cx, cy, ex, ey);\n ctx.strokeStyle = 'rgba(78, 205, 196, 0.2)'; \n ctx.lineWidth = 1;\n ctx.stroke();\n\n const t = this.progress;\n const x = (1-t)*(1-t)*sx + 2*(1-t)*t*cx + t*t*ex;\n const y = (1-t)*(1-t)*sy + 2*(1-t)*t*cy + t*t*ey;\n\n ctx.beginPath();\n ctx.arc(x, y, 4, 0, Math.PI * 2);\n ctx.fillStyle = '#4ecdc4';\n ctx.shadowBlur = 10;\n ctx.shadowColor = '#4ecdc4';\n ctx.fill();\n }\n }\n\n function resize() {\n width = canvas.parentElement.offsetWidth;\n height = canvas.parentElement.offsetHeight;\n canvas.width = width;\n canvas.height = height;\n }\n\n function init() {\n resize();\n destinations.forEach(dest => {\n particles.push(new MapParticle(dest));\n particles.push(new MapParticle(dest));\n });\n animate();\n }\n\n function animate() {\n ctx.clearRect(0, 0, width, height);\n const ix = istanbul.x * width;\n const iy = istanbul.y * height;\n ctx.beginPath();\n ctx.arc(ix, iy, 6, 0, Math.PI*2);\n ctx.fillStyle = '#FF9F1C';\n ctx.shadowBlur = 15;\n ctx.shadowColor = '#FF9F1C';\n ctx.fill();\n\n particles.forEach(p => { p.update(); p.draw(); });\n requestAnimationFrame(animate);\n }\n\n window.addEventListener('resize', resize);\n setTimeout(init, 100);\n })();\n <\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"wd-negative-gap elementor-element elementor-element-a6bb281 e-flex e-con-boxed e-con e-parent\" data-id=\"a6bb281\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cdafa72 elementor-widget elementor-widget-html\" data-id=\"cdafa72\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Unicare Chronology<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Rajdhani:wght@500;600;700&family=Plus+Jakarta+Sans:wght@400;600&display=swap\" rel=\"stylesheet\">\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\n <style>\n \/* --- VARIABLES --- *\/\n :root {\n --primary: #4ecdc4;\n --accent: #FF9F1C;\n --bg-dark: #050505;\n --glass: rgba(255, 255, 255, 0.03);\n --border: rgba(255, 255, 255, 0.1);\n }\n\n body { margin: 0; background: var(--bg-dark); font-family: 'Plus Jakarta Sans', sans-serif; overflow-x: hidden; color: #fff; }\n\n \/* --- TIMELINE WRAPPER --- *\/\n .timeline-section {\n padding: 150px 0;\n position: relative;\n background-color: #020202;\n overflow: hidden;\n }\n\n \/* Background FX *\/\n .time-bg-glow {\n position: absolute;\n top: 0; left: 50%;\n width: 2px; height: 100%;\n background: linear-gradient(to bottom, transparent, var(--primary), transparent);\n transform: translateX(-50%);\n opacity: 0.1;\n z-index: 0;\n }\n\n .timeline-container {\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n z-index: 10;\n }\n\n \/* The Central Laser Line *\/\n .central-line {\n position: absolute;\n top: 0; left: 50%;\n width: 2px;\n height: 100%;\n background: rgba(255,255,255,0.1);\n transform: translateX(-50%);\n }\n\n .central-line-progress {\n position: absolute;\n top: 0; left: 50%;\n width: 2px;\n height: 0%; \/* Animates to 100% *\/\n background: var(--primary);\n transform: translateX(-50%);\n box-shadow: 0 0 15px var(--primary);\n z-index: 1;\n }\n\n \/* Header *\/\n .timeline-header {\n text-align: center;\n margin-bottom: 100px;\n position: relative;\n z-index: 20;\n background: #020202; \/* Masks the line behind header *\/\n padding: 20px;\n display: inline-block;\n left: 50%;\n transform: translateX(-50%);\n }\n\n .timeline-header h2 {\n font-family: 'Rajdhani', sans-serif;\n font-size: 48px;\n text-transform: uppercase;\n margin: 0;\n color: #fff;\n letter-spacing: 2px;\n }\n \n .timeline-header span {\n color: var(--primary);\n font-size: 14px;\n letter-spacing: 4px;\n text-transform: uppercase;\n font-weight: 700;\n display: block;\n margin-bottom: 10px;\n }\n\n \/* --- MILESTONE ITEMS --- *\/\n .milestone {\n position: relative;\n margin-bottom: 150px;\n width: 100%;\n display: flex;\n justify-content: center;\n opacity: 0; \/* Hidden for GSAP *\/\n }\n\n .milestone:last-child { margin-bottom: 0; }\n\n \/* The Node (Dot) *\/\n .milestone-node {\n position: absolute;\n left: 50%; top: 0;\n width: 20px; height: 20px;\n background: #000;\n border: 2px solid var(--primary);\n border-radius: 50%;\n transform: translate(-50%, 0);\n z-index: 5;\n box-shadow: 0 0 0 0 rgba(78, 205, 196, 0.7);\n transition: 0.3s;\n }\n\n .milestone.active .milestone-node {\n background: var(--primary);\n box-shadow: 0 0 20px var(--primary);\n }\n\n \/* Card Content *\/\n .milestone-content {\n width: 45%;\n background: rgba(20, 20, 25, 0.6);\n border: 1px solid var(--border);\n padding: 30px;\n border-radius: 12px;\n backdrop-filter: blur(10px);\n position: relative;\n transition: 0.3s;\n }\n\n .milestone-content::before {\n content: '';\n position: absolute;\n top: 10px;\n width: 50px; height: 1px;\n background: var(--border);\n }\n\n \/* Left\/Right Logic *\/\n .milestone:nth-child(odd) { justify-content: flex-start; }\n .milestone:nth-child(even) { justify-content: flex-end; }\n\n .milestone:nth-child(odd) .milestone-content { margin-left: 50px; text-align: right; }\n .milestone:nth-child(even) .milestone-content { margin-right: 50px; text-align: left; }\n\n \/* Connector Lines *\/\n .milestone:nth-child(odd) .milestone-content::before { right: -50px; }\n .milestone:nth-child(even) .milestone-content::before { left: -50px; }\n\n .year-label {\n font-family: 'Rajdhani', sans-serif;\n font-size: 60px;\n font-weight: 700;\n color: rgba(255,255,255,0.05);\n position: absolute;\n top: -20px;\n line-height: 1;\n z-index: -1;\n }\n \n .milestone:nth-child(odd) .year-label { right: 20px; }\n .milestone:nth-child(even) .year-label { left: 20px; }\n\n .milestone:hover .year-label { color: rgba(78, 205, 196, 0.1); }\n\n .m-title {\n font-family: 'Rajdhani', sans-serif;\n font-size: 24px;\n color: #fff;\n margin: 0 0 10px 0;\n text-transform: uppercase;\n }\n\n .m-desc {\n font-size: 14px;\n color: #aaa;\n line-height: 1.6;\n }\n\n .highlight-badge {\n display: inline-block;\n padding: 4px 10px;\n background: rgba(78, 205, 196, 0.1);\n color: var(--primary);\n border-radius: 4px;\n font-size: 10px;\n font-weight: 700;\n text-transform: uppercase;\n margin-bottom: 15px;\n border: 1px solid rgba(78, 205, 196, 0.2);\n }\n\n \/* Mobile Responsive *\/\n @media (max-width: 768px) {\n .central-line, .central-line-progress { left: 20px; }\n .time-bg-glow { left: 20px; }\n \n .timeline-container { padding-left: 40px; }\n \n .milestone { justify-content: flex-start !important; margin-left: 10px; width: auto; }\n .milestone-content { width: 100%; text-align: left !important; margin: 0 !important; }\n \n .milestone-node { left: 20px; transform: translateX(-50%); }\n \n .milestone-content::before { left: -30px !important; width: 30px !important; right: auto !important; }\n \n .year-label { right: 20px !important; left: auto !important; }\n }\n\n <\/style>\n<\/head>\n<body>\n\n<section class=\"timeline-section\" id=\"timeline\">\n \n <div class=\"time-bg-glow\"><\/div>\n\n <div class=\"timeline-container\">\n \n <!-- Header -->\n <div class=\"timeline-header\">\n <span>Our Journey<\/span>\n <h2>Chronology<\/h2>\n <\/div>\n\n <!-- The Line -->\n <div class=\"central-line\"><\/div>\n <div class=\"central-line-progress\" id=\"line-progress\"><\/div>\n\n <!-- Milestone 1 -->\n <div class=\"milestone\">\n <div class=\"milestone-node\"><\/div>\n <div class=\"milestone-content\">\n <span class=\"year-label\">2002<\/span>\n <span class=\"highlight-badge\">Inception<\/span>\n <h3 class=\"m-title\">The Foundation<\/h3>\n <p class=\"m-desc\">Unicare was established in Istanbul with a clear mission: to bridge the gap between medical necessity and manufacturing precision. Starting with a single production line for cervical collars.<\/p>\n <\/div>\n <\/div>\n\n <!-- Milestone 2 -->\n <div class=\"milestone\">\n <div class=\"milestone-node\"><\/div>\n <div class=\"milestone-content\">\n <span class=\"year-label\">2010<\/span>\n <span class=\"highlight-badge\">Expansion<\/span>\n <h3 class=\"m-title\">CNC Knitting Integration<\/h3>\n <p class=\"m-desc\">Revolutionized our production line by integrating German CNC flat-knitting technology, allowing for the creation of breathable, 3D anatomical supports.<\/p>\n <\/div>\n <\/div>\n\n <!-- Milestone 3 -->\n <div class=\"milestone\">\n <div class=\"milestone-node\"><\/div>\n <div class=\"milestone-content\">\n <span class=\"year-label\">2015<\/span>\n <span class=\"highlight-badge\">Global Scale<\/span>\n <h3 class=\"m-title\">Export Operations<\/h3>\n <p class=\"m-desc\">Reached a milestone of exporting to 30 countries. Achieved full ISO 13485 and CE certification, establishing Unicare as a trusted European partner.<\/p>\n <\/div>\n <\/div>\n\n <!-- Milestone 4 -->\n <div class=\"milestone\">\n <div class=\"milestone-node\"><\/div>\n <div class=\"milestone-content\">\n <span class=\"year-label\">2020<\/span>\n <span class=\"highlight-badge\">R&D Lab<\/span>\n <h3 class=\"m-title\">Biomechanics Facility<\/h3>\n <p class=\"m-desc\">Opened our dedicated R&D facility to test material elasticity and durability in-house, ensuring zero-defect rates for critical orthopedic supplies.<\/p>\n <\/div>\n <\/div>\n\n <!-- Milestone 5 -->\n <div class=\"milestone\">\n <div class=\"milestone-node\"><\/div>\n <div class=\"milestone-content\">\n <span class=\"year-label\">2025<\/span>\n <span class=\"highlight-badge\" style=\"border-color:#FF9F1C; color:#FF9F1C;\">Current Era<\/span>\n <h3 class=\"m-title\">Digital Transformation<\/h3>\n <p class=\"m-desc\">Rebranded as Unicare International. Implementing AI-driven inventory management and expanding B2B digital portals for 55+ global partners.<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n<script>\n \/\/ Register GSAP\n gsap.registerPlugin(ScrollTrigger);\n\n \/\/ 1. Animate The Line\n gsap.to(\"#line-progress\", {\n height: \"100%\",\n ease: \"none\",\n scrollTrigger: {\n trigger: \".timeline-container\",\n start: \"top 70%\",\n end: \"bottom 80%\",\n scrub: 1\n }\n });\n\n \/\/ 2. Animate Milestones\n const milestones = document.querySelectorAll('.milestone');\n\n milestones.forEach((ms) => {\n \/\/ Fade In & Move Up\n gsap.fromTo(ms, \n { opacity: 0, y: 50 },\n {\n opacity: 1, \n y: 0,\n duration: 0.8,\n scrollTrigger: {\n trigger: ms,\n start: \"top 80%\", \/\/ When top of milestone hits 80% of viewport\n toggleActions: \"play none none reverse\",\n onEnter: () => ms.classList.add('active'), \/\/ Light up the node\n onLeaveBack: () => ms.classList.remove('active')\n }\n }\n );\n });\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>About Unicare | Empowering Motion Established 2002 \u00b7 Istanbul EngineeringTrust. Pioneering the intersection of Biomechanics and Industrial Precision to deliver<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4400","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/unicare.com.tr\/index.php?rest_route=\/wp\/v2\/pages\/4400","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/unicare.com.tr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/unicare.com.tr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/unicare.com.tr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/unicare.com.tr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4400"}],"version-history":[{"count":6,"href":"https:\/\/unicare.com.tr\/index.php?rest_route=\/wp\/v2\/pages\/4400\/revisions"}],"predecessor-version":[{"id":29424,"href":"https:\/\/unicare.com.tr\/index.php?rest_route=\/wp\/v2\/pages\/4400\/revisions\/29424"}],"wp:attachment":[{"href":"https:\/\/unicare.com.tr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4400"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}