English Crnogorski Türkçe Deutsch

Sisteme Giriş Kurumsal Kayıt

Hizmet Sepetim

0 Hizmet Seçili

...

Ara Toplam: €0,00

Inovazen - Hakkımızda

Geleceği Berrak Mühendislikle Şekillendiriyoruz

Biz Kimiz?
Inovazen Kültürü

Sektördeki 20 yılı aşkın köklü birikimimizle, karmaşık dijital süreçleri dünya standartlarında ileri mühendislikle sadeleştiriyor ve her satırında yüksek performans barındıran yapılar inşa ediyoruz.

KURUMSAL TARİHÇEMİZ

20 Yıllık Miras ve Küresel Genişleme

01 / TEMEL

Sektörel Birikim (20 Yıl)

Farklı sektörlerde, kritik sistem ve yüksek güvenlik gerektiren yüzlerce altyapıyı başarıyla devreye alarak sarsılmaz bir deneyim kazandık.

02 / KÜRESEL

Karadağ Genel Merkezi (2024)

Kurumsal gücümüzü Karadağ (Montenegro) d.o.o. yapılanması ile Avrupa Birliği entegrasyonu ve uluslararası standartlarla resmileştirdik.

03 / GELECEK

Yarın İçin Hazır Modüller

Mikroservis mimarileri ve kendi geliştirdiğimiz çekirdek motorlar ile işletmenizi yarının teknolojik standartlarına bugünden hazırlıyoruz.

KUSURSUZ MÜHENDİSLİK İLKELERİ

Şeffaflık, Güvenlik ve Temiz Mimari

Önce Dene, Sonra Güven

Ürünlerimizi bizzat test etmeden karar vermenizi istemiyoruz. Şeffaflık ilkemiz gereği tüm projelerimizde deneme süreçleri sunuyoruz.

Güvenlikten Taviz Vermiyoruz

Ürettiğimiz tüm yazılımlarda siber tehditlere karşı sıfır tolerans gösteriyor; ISO 27001 ve GDPR standartlarında aşılmaz, uçtan uca korumalı altyapılar inşa ediyoruz.

Gereksiz Kütüphanelerden Arındırılmış Yapı

Performansı ve hızı korumak için yazılımlarımızda sadece ihtiyaç duyulan en optimize, güvenli ve saf kod bloklarını kullanırız.

Kurumsal Uyumluluk

MNE d.o.o.

Hukuki Altyapı Avrupa Standartları Uyumu Global veri gizliliği standartlarına %100 entegre operasyon.

Geliştirme Kültürü Sürdürülebilir Mühendislik Hızlı kurulan, kolay ölçeklenen mikroservis tabanlı çözümler.

Inovazen Yazılım ve Bilişim Teknolojileri d.o.o.

Gelişmeleri Portalımızdan Takip Edin

Yenilikçi teknolojilerimizi, yakında yayına girecek yazılımlarımızı yakından tanımak ve 14 günlük ücretsiz deneme fırsatlarını kaçırmamak için hemen üye olun.

<!DOCTYPE html>
<html lang="tr" class="scroll-smooth">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Inovazen - Hakkımızda</title>
    
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
    
    <script src="https://cdn.tailwindcss.com"></script>
    
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    
    <script>
        tailwind.config = {
            darkMode: 'class', 
            theme: {
                extend: {
                    fontFamily: {
                        sans: ['Plus Jakarta Sans', 'sans-serif'],
                        display: ['Plus Jakarta Sans', 'sans-serif'],
                    },
                    colors: {
                        brand: {
                            50: '#f4f8f7',
                            100: '#e5f0ee',
                            200: '#cce1dd',
                            300: '#a3c7c0',
                            400: '#75a69e',
                            500: '#588a81',
                            600: '#446e66',
                            700: '#385953',
                            800: '#2f4b46',
                            900: '#29413d',
                            950: '#111e1c',
                        },
                        darkspace: {
                            DEFAULT: '#080B11',
                            card: '#0F1524',
                            border: '#1D263B',
                        }
                    }
                }
            }
        }
    </script>
    <style>
        /* Custom scrollbar matching both light and dark mode contexts */
        ::-webkit-scrollbar {
            width: 8px;
        }
        ::-webkit-scrollbar-track {
            background: #f1f5f9;
        }
        .dark ::-webkit-scrollbar-track {
            background: #080B11;
        }
        ::-webkit-scrollbar-thumb {
            background: #cbd5e1;
            border-radius: 4px;
        }
        .dark ::-webkit-scrollbar-thumb {
            background: #1D263B;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: #588a81;
        }
        
        /* Smooth light/dark theme transition for background and core containers */
        .theme-transition {
            transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
        }
    </style>
</head>
<body class="bg-slate-50 text-slate-800 dark:bg-darkspace dark:text-gray-100 font-sans selection:bg-brand-500 selection:text-white relative overflow-x-hidden min-h-screen pb-4 theme-transition">

<div class="absolute top-[-10%] left-[-10%] w-[50%] h-[50%] bg-brand-200/20 dark:bg-brand-950/30 rounded-full blur-[120px] pointer-events-none theme-transition"></div>
    <div class="absolute top-[35%] right-[-10%] w-[60%] h-[60%] bg-blue-100/10 dark:bg-blue-950/20 rounded-full blur-[150px] pointer-events-none theme-transition"></div>
    <div class="absolute bottom-[-10%] left-[20%] w-[50%] h-[50%] bg-emerald-100/10 dark:bg-emerald-950/15 rounded-full blur-[130px] pointer-events-none theme-transition"></div>

<main class="relative z-10 w-full max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pt-8 pb-2 space-y-12 sm:space-y-16">

<section class="relative flex flex-col justify-between items-center text-center overflow-hidden rounded-3xl bg-white/60 dark:bg-darkspace-card/40 backdrop-blur-md px-4 sm:px-6 pt-12 pb-10 border border-slate-200/80 dark:border-darkspace-border theme-transition shadow-sm">
            
            <canvas id="aboutFlowCanvas" class="absolute inset-0 w-full h-full opacity-35 dark:opacity-45 pointer-events-none"></canvas>
            
            <div class="relative z-10 max-w-4xl mx-auto space-y-5 my-auto">
                
                <div class="inline-flex items-center gap-2 px-3 sm:px-4 py-1.5 rounded-full bg-brand-50/80 dark:bg-brand-950/80 border border-brand-200 dark:border-brand-800 text-brand-700 dark:text-brand-300 text-xs sm:text-sm font-medium tracking-wide theme-transition">
                    <i class="fa-solid fa-circle-nodes text-brand-500 animate-pulse"></i>
                    Geleceği Berrak Mühendislikle Şekillendiriyoruz
                </div>

<h1 class="text-3xl sm:text-5xl lg:text-6xl font-extrabold tracking-tight text-slate-900 dark:text-white leading-tight theme-transition">
                    Biz Kimiz?<br>
                    <span class="text-transparent bg-clip-text bg-gradient-to-r from-brand-500 via-emerald-500 to-blue-500 dark:from-brand-400 dark:via-emerald-400 dark:to-blue-400">Inovazen Kültürü</span>
                </h1>

<p class="text-sm sm:text-base text-slate-600 dark:text-gray-400 max-w-2xl mx-auto font-light leading-relaxed theme-transition">
                    Sektördeki 20 yılı aşkın köklü birikimimizle, karmaşık dijital süreçleri dünya standartlarında ileri mühendislikle sadeleştiriyor ve her satırında yüksek performans barındıran yapılar inşa ediyoruz.
                </p>
            </div>
        </section>

<section class="space-y-6 sm:space-y-8">
            <div class="text-center space-y-2">
                <h2 class="text-xs uppercase tracking-[0.2em] text-brand-600 dark:text-brand-400 font-bold theme-transition">KURUMSAL TARİHÇEMİZ</h2>
                <h3 class="text-2xl sm:text-3xl font-bold text-slate-900 dark:text-white theme-transition">20 Yıllık Miras ve Küresel Genişleme</h3>
            </div>

<div class="grid grid-cols-1 md:grid-cols-3 gap-6 items-stretch">
                
                <div class="group p-6 rounded-2xl bg-white dark:bg-darkspace-card/50 border border-slate-200 dark:border-darkspace-border hover:border-brand-500/50 dark:hover:border-brand-500/50 transition-all duration-300 relative overflow-hidden theme-transition shadow-sm flex flex-col justify-between h-full">
                    <div class="space-y-3">
                        <div class="flex justify-between items-center border-b border-slate-100 dark:border-darkspace-border/30 pb-3 mb-1 theme-transition">
                            <span class="text-xs font-bold text-brand-600 dark:text-brand-400 font-mono tracking-wider">01 / TEMEL</span>
                            <i class="fa-solid fa-clock-rotate-left text-slate-300 dark:text-gray-600 text-xs"></i>
                        </div>
                        <h4 class="text-base font-bold text-slate-900 dark:text-white theme-transition">Sektörel Birikim (20 Yıl)</h4>
                        <p class="text-slate-600 dark:text-gray-400 font-light text-xs sm:text-sm leading-relaxed theme-transition">
                            Farklı sektörlerde, kritik sistem ve yüksek güvenlik gerektiren yüzlerce altyapıyı başarıyla devreye alarak sarsılmaz bir deneyim kazandık.
                        </p>
                    </div>
                </div>

<div class="group p-6 rounded-2xl bg-white dark:bg-darkspace-card/50 border border-slate-200 dark:border-darkspace-border hover:border-brand-500/50 dark:hover:border-brand-500/50 transition-all duration-300 relative overflow-hidden theme-transition shadow-sm flex flex-col justify-between h-full">
                    <div class="space-y-3">
                        <div class="flex justify-between items-center border-b border-slate-100 dark:border-darkspace-border/30 pb-3 mb-1 theme-transition">
                            <span class="text-xs font-bold text-brand-600 dark:text-brand-400 font-mono tracking-wider">02 / KÜRESEL</span>
                            <i class="fa-solid fa-earth-europe text-slate-300 dark:text-gray-600 text-xs"></i>
                        </div>
                        <h4 class="text-base font-bold text-slate-900 dark:text-white theme-transition">Karadağ Genel Merkezi (2024)</h4>
                        <p class="text-slate-600 dark:text-gray-400 font-light text-xs sm:text-sm leading-relaxed theme-transition">
                            Kurumsal gücümüzü Karadağ (Montenegro) d.o.o. yapılanması ile Avrupa Birliği entegrasyonu ve uluslararası standartlarla resmileştirdik.
                        </p>
                    </div>
                </div>

<div class="group p-6 rounded-2xl bg-white dark:bg-darkspace-card/50 border border-slate-200 dark:border-darkspace-border hover:border-brand-500/50 dark:hover:border-brand-500/50 transition-all duration-300 relative overflow-hidden theme-transition shadow-sm flex flex-col justify-between h-full">
                    <div class="space-y-3">
                        <div class="flex justify-between items-center border-b border-slate-100 dark:border-darkspace-border/30 pb-3 mb-1 theme-transition">
                            <span class="text-xs font-bold text-brand-600 dark:text-brand-400 font-mono tracking-wider">03 / GELECEK</span>
                            <i class="fa-solid fa-cubes text-slate-300 dark:text-gray-600 text-xs"></i>
                        </div>
                        <h4 class="text-base font-bold text-slate-900 dark:text-white theme-transition">Yarın İçin Hazır Modüller</h4>
                        <p class="text-slate-600 dark:text-gray-400 font-light text-xs sm:text-sm leading-relaxed theme-transition">
                            Mikroservis mimarileri ve kendi geliştirdiğimiz çekirdek motorlar ile işletmenizi yarının teknolojik standartlarına bugünden hazırlıyoruz.
                        </p>
                    </div>
                </div>
            </div>
        </section>

<section class="grid grid-cols-1 lg:grid-cols-12 gap-6 items-center bg-white/40 dark:bg-darkspace-card/30 rounded-3xl p-5 sm:p-8 border border-slate-200 dark:border-darkspace-border relative overflow-hidden theme-transition">
            <div class="absolute -top-24 -left-24 w-72 h-72 bg-brand-900/5 dark:bg-brand-900/10 rounded-full blur-3xl pointer-events-none"></div>
            
            <div class="lg:col-span-7 space-y-5">
                <div class="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-brand-50 dark:bg-brand-950 border border-brand-100 dark:border-brand-900 text-brand-600 dark:text-brand-400 text-[11px] font-semibold theme-transition">
                    KUSURSUZ MÜHENDİSLİK İLKELERİ
                </div>
                <h3 class="text-2xl font-bold text-slate-900 dark:text-white theme-transition">Şeffaflık, Güvenlik ve Temiz Mimari</h3>
                
                <div class="space-y-4">
                    <div class="flex items-start gap-3">
                        <div class="h-6 w-6 mt-1 flex items-center justify-center rounded-md bg-brand-500/10 text-brand-500 text-xs shrink-0">
                            <i class="fa-solid fa-check"></i>
                        </div>
                        <div>
                            <h4 class="text-sm font-bold text-slate-900 dark:text-white theme-transition">Önce Dene, Sonra Güven</h4>
                            <p class="text-xs text-slate-500 dark:text-gray-400 font-light theme-transition">Ürünlerimizi bizzat test etmeden karar vermenizi istemiyoruz. Şeffaflık ilkemiz gereği tüm projelerimizde deneme süreçleri sunuyoruz.</p>
                        </div>
                    </div>

<div class="flex items-start gap-3">
                        <div class="h-6 w-6 mt-1 flex items-center justify-center rounded-md bg-brand-500/10 text-brand-500 text-xs shrink-0">
                            <i class="fa-solid fa-lock"></i>
                        </div>
                        <div>
                            <h4 class="text-sm font-bold text-slate-900 dark:text-white theme-transition">Güvenlikten Taviz Vermiyoruz</h4>
                            <p class="text-xs text-slate-500 dark:text-gray-400 font-light theme-transition">Ürettiğimiz tüm yazılımlarda siber tehditlere karşı sıfır tolerans gösteriyor; ISO 27001 ve GDPR standartlarında aşılmaz, uçtan uca korumalı altyapılar inşa ediyoruz.</p>
                        </div>
                    </div>

<div class="flex items-start gap-3">
                        <div class="h-6 w-6 mt-1 flex items-center justify-center rounded-md bg-brand-500/10 text-brand-500 text-xs shrink-0">
                            <i class="fa-solid fa-feather"></i>
                        </div>
                        <div>
                            <h4 class="text-sm font-bold text-slate-900 dark:text-white theme-transition">Gereksiz Kütüphanelerden Arındırılmış Yapı</h4>
                            <p class="text-xs text-slate-500 dark:text-gray-400 font-light theme-transition">Performansı ve hızı korumak için yazılımlarımızda sadece ihtiyaç duyulan en optimize, güvenli ve saf kod bloklarını kullanırız.</p>
                        </div>
                    </div>
                </div>
            </div>

<div class="lg:col-span-5 bg-slate-50 dark:bg-darkspace p-5 sm:p-6 rounded-2xl border border-slate-200 dark:border-darkspace-border flex flex-col justify-between min-h-[240px] relative theme-transition">
                
                <div class="flex justify-between items-center pb-3 border-b border-slate-200/80 dark:border-darkspace-border/50 mb-3 theme-transition">
                    <div class="flex items-center gap-2">
                        <span class="h-2 w-2 rounded-full bg-emerald-500 animate-pulse"></span>
                        <span class="text-[10px] uppercase tracking-wider text-slate-500 dark:text-gray-400 font-mono theme-transition">Kurumsal Uyumluluk</span>
                    </div>
                    <div class="text-[10px] text-brand-600 dark:text-brand-400 font-mono theme-transition">MNE d.o.o.</div>
                </div>

<div class="space-y-3 py-1">
                    <div class="p-3 bg-white dark:bg-darkspace-card/80 rounded-xl border border-slate-100 dark:border-darkspace-border theme-transition">
                        <span class="text-[10px] text-slate-400 dark:text-gray-500 uppercase tracking-wider block mb-0.5 theme-transition">Hukuki Altyapı</span>
                        <span class="text-sm font-bold text-slate-900 dark:text-white theme-transition">Avrupa Standartları Uyumu</span>
                        <span class="text-[9px] text-brand-600 dark:text-brand-400 block mt-0.5 theme-transition">Global veri gizliliği standartlarına %100 entegre operasyon.</span>
                    </div>
                    <div class="p-3 bg-white dark:bg-darkspace-card/80 rounded-xl border border-slate-100 dark:border-darkspace-border theme-transition">
                        <span class="text-[10px] text-slate-400 dark:text-gray-500 uppercase tracking-wider block mb-0.5 theme-transition">Geliştirme Kültürü</span>
                        <span class="text-sm font-bold text-slate-900 dark:text-white theme-transition">Sürdürülebilir Mühendislik</span>
                        <span class="text-[9px] text-brand-600 dark:text-brand-400 block mt-0.5 theme-transition">Hızlı kurulan, kolay ölçeklenen mikroservis tabanlı çözümler.</span>
                    </div>
                </div>

<div class="pt-3 border-t border-slate-200/80 dark:border-darkspace-border/50 text-center sm:text-left flex flex-col sm:flex-row justify-between items-center gap-1 theme-transition">
                    <p class="text-[10px] text-slate-500 dark:text-gray-400 theme-transition">Inovazen Yazılım ve Bilişim Teknolojileri d.o.o.</p>
                </div>
            </div>
        </section>

<section class="relative rounded-3xl p-6 sm:p-8 overflow-hidden bg-gradient-to-tr from-brand-50 to-emerald-50 dark:from-darkspace-card dark:to-brand-950/20 border border-brand-100 dark:border-darkspace-border text-center theme-transition shadow-sm">
            <div class="absolute -top-32 left-1/2 w-96 h-96 bg-brand-500/5 dark:bg-brand-500/10 rounded-full blur-[100px] -translate-x-1/2 pointer-events-none"></div>
            
            <div class="relative z-10 max-w-xl mx-auto space-y-4">
                <h3 class="text-xl sm:text-2xl font-bold tracking-tight text-slate-900 dark:text-white theme-transition">Gelişmeleri Portalımızdan Takip Edin</h3>
                <p class="text-slate-600 dark:text-gray-400 font-light text-sm max-w-md mx-auto leading-relaxed theme-transition">
                    Yenilikçi teknolojilerimizi, yakında yayına girecek yazılımlarımızı yakından tanımak ve 14 günlük ücretsiz deneme fırsatlarını kaçırmamak için hemen üye olun.
                </p>
                
                <div class="pt-1 flex flex-col sm:flex-row justify-center items-center gap-3">
                    <a href="https://inovazen.me/login.php" class="w-full sm:w-auto inline-flex items-center justify-center gap-2 px-6 py-2.5 rounded-full bg-brand-600 text-white dark:bg-white dark:text-darkspace hover:bg-brand-700 dark:hover:bg-brand-50 transition-all duration-300 font-bold text-sm shadow-md theme-transition">
                        Hemen Üye Ol
                        <i class="fa-solid fa-arrow-right text-xs"></i>
                    </a>
                </div>
            </div>
        </section>

</main>

<script>
        document.addEventListener('DOMContentLoaded', () => {
            const canvas = document.getElementById('aboutFlowCanvas');
            if (!canvas) return;
            const ctx = canvas.getContext('2d');
            let particlesArray = [];

function resizeCanvas() {
                const parent = canvas.parentElement;
                if (parent) {
                    canvas.width = parent.clientWidth || parent.offsetWidth || window.innerWidth;
                    canvas.height = parent.clientHeight || parent.offsetHeight || 350;
                }
            }

window.addEventListener('resize', () => {
                resizeCanvas();
                initParticles();
            });
            
            // First safe measurements before running physics
            resizeCanvas();

class Particle {
                constructor() {
                    this.x = Math.random() * canvas.width;
                    this.y = Math.random() * canvas.height;
                    this.size = Math.random() * 2 + 0.5;
                    this.speedX = Math.random() * 0.4 - 0.2;
                    this.speedY = Math.random() * 0.4 - 0.2;
                    this.alpha = Math.random() * 0.3 + 0.1;
                }
                update() {
                    this.x += this.speedX;
                    this.y += this.speedY;

if (this.x < 0 || this.x > canvas.width) this.speedX = -this.speedX;
                    if (this.y < 0 || this.y > canvas.height) this.speedY = -this.speedY;
                }
                draw(isDarkMode) {
                    if (isDarkMode) {
                        ctx.fillStyle = `rgba(117, 166, 158, ${this.alpha})`;
                    } else {
                        ctx.fillStyle = `rgba(56, 89, 83, ${this.alpha * 1.5})`;
                    }
                    ctx.beginPath();
                    ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2);
                    ctx.fill();
                }
            }

function initParticles() {
                particlesArray = [];
                const particleCount = Math.min(30, Math.floor(canvas.width / 45));
                for (let i = 0; i < particleCount; i++) {
                    particlesArray.push(new Particle());
                }
            }
            initParticles();

function animateParticles() {
                ctx.clearRect(0, 0, canvas.width, canvas.height);
                
                // Read current class state safe check
                const isDarkMode = document.documentElement.classList.contains('dark') || 
                                   document.body.classList.contains('dark');

for (let i = 0; i < particlesArray.length; i++) {
                    particlesArray[i].update();
                    particlesArray[i].draw(isDarkMode);

for (let j = i; j < particlesArray.length; j++) {
                        const dx = particlesArray[i].x - particlesArray[j].x;
                        const dy = particlesArray[i].y - particlesArray[j].y;
                        const distance = Math.sqrt(dx * dx + dy * dy);

if (distance < 120) {
                            ctx.beginPath();
                            if (isDarkMode) {
                                ctx.strokeStyle = `rgba(88, 138, 129, ${0.07 * (1 - distance / 120)})`;
                            } else {
                                ctx.strokeStyle = `rgba(56, 89, 83, ${0.11 * (1 - distance / 120)})`;
                            }
                            ctx.lineWidth = 0.6;
                            ctx.moveTo(particlesArray[i].x, particlesArray[i].y);
                            ctx.lineTo(particlesArray[j].x, particlesArray[j].y);
                            ctx.stroke();
                            ctx.closePath();
                        }
                    }
                }
                requestAnimationFrame(animateParticles);
            }
            
            animateParticles();
        });
    </script>
</body>
</html>