English Crnogorski Türkçe Deutsch

System Login Corporate Registration

My Service Cart

0 Services Selected

...

Subtotal: €0,00

Inovazen - Services

High-Performance Enterprise Solutions

What We Do?
Our Technological Services

We design your business's digital infrastructure with world-class advanced engineering, protect it against cyber threats, and prepare it for tomorrow's technologies today.

OUR AREAS OF EXPERTISE

Secure, Simple, and Fast Solutions

01 / SOFTWARE

Custom Software Development

We build custom and microservice-based systems that are fully compatible with your business's specific needs, unique workflows, and data structures, completely free from unnecessary bloated code libraries.

02 / SECURITY

We Do Not Compromise on Security

We design end-to-end cybersecurity audits, data encryption mechanisms, intrusion prevention, and impenetrable infrastructures that are 100% compliant with ISO 27001 and GDPR regulations.

03 / CLOUD

Infrastructure Modernization

We transform your legacy monolithic systems into modern, highly-available, fault-tolerant, and elastically-scalable cloud-based microservices structures.

SYSTEMS UNDER DEVELOPMENT

Our R&D Lab: New Software on the Way!

We don't just write custom code for your needs; we are also developing next-generation standard enterprise software modules that will accelerate your business, require no installation, and reside directly within our secure cloud infrastructure.

Modular Standard Solutions (SaaS)

Plug-and-play enterprise tools that will simplify your accounting, inventory, customer relations, and data analysis processes are coming soon.

Zero Risk and 14-Day Free Trial

In accordance with our transparency policy, our upcoming standard cloud software will be presented to you for testing with a 14-day free trial via our portal. (Note: Custom software projects are not included in this trial scope.)

Active R&D Status

v1.2.0-Alpha

SaaS Portfolio Cloud-Based Modular Solutions Without installation hassles, all our software runs on our secure servers.

Transparent Hosting Continuous Service on Our Own Infrastructure Sustainable, highly-protected, and uninterrupted server assurance.

Inovazen Yazilim ve Bilisim Teknolojileri d.o.o.

Follow Updates on Our Portal

Register today to get a closer look at our innovative technologies, our upcoming standard cloud software, and to make sure you don't miss out on 14-day free trial opportunities.

<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Inovazen - Services</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="servicesFlowCanvas" 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-gears text-brand-500 animate-spin" style="animation-duration: 4s;"></i>
                    High-Performance Enterprise Solutions
                </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">
                    What We Do?<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">Our Technological Services</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">
                    We design your business's digital infrastructure with world-class advanced engineering, protect it against cyber threats, and prepare it for tomorrow's technologies today.
                </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">OUR AREAS OF EXPERTISE</h2>
                <h3 class="text-2xl sm:text-3xl font-bold text-slate-900 dark:text-white theme-transition">Secure, Simple, and Fast Solutions</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-4">
                        <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 / SOFTWARE</span>
                            <div class="h-8 w-8 rounded-lg bg-brand-50 dark:bg-brand-950/80 border border-brand-200 dark:border-brand-800 flex items-center justify-center text-brand-600 dark:text-brand-400 text-sm">
                                <i class="fa-solid fa-laptop-code"></i>
                            </div>
                        </div>
                        <h4 class="text-base font-bold text-slate-900 dark:text-white theme-transition">Custom Software Development</h4>
                        <p class="text-slate-600 dark:text-gray-400 font-light text-xs sm:text-sm leading-relaxed theme-transition">
                            We build custom and microservice-based systems that are fully compatible with your business's specific needs, unique workflows, and data structures, completely free from unnecessary bloated code libraries.
                        </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-4">
                        <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 / SECURITY</span>
                            <div class="h-8 w-8 rounded-lg bg-brand-50 dark:bg-brand-950/80 border border-brand-200 dark:border-brand-800 flex items-center justify-center text-brand-600 dark:text-brand-400 text-sm">
                                <i class="fa-solid fa-shield-halved"></i>
                            </div>
                        </div>
                        <h4 class="text-base font-bold text-slate-900 dark:text-white theme-transition">We Do Not Compromise on Security</h4>
                        <p class="text-slate-600 dark:text-gray-400 font-light text-xs sm:text-sm leading-relaxed theme-transition">
                            We design end-to-end cybersecurity audits, data encryption mechanisms, intrusion prevention, and impenetrable infrastructures that are 100% compliant with ISO 27001 and GDPR regulations.
                        </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-4">
                        <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 / CLOUD</span>
                            <div class="h-8 w-8 rounded-lg bg-brand-50 dark:bg-brand-950/80 border border-brand-200 dark:border-brand-800 flex items-center justify-center text-brand-600 dark:text-brand-400 text-sm">
                                <i class="fa-solid fa-cloud-arrow-up"></i>
                            </div>
                        </div>
                        <h4 class="text-base font-bold text-slate-900 dark:text-white theme-transition">Infrastructure Modernization</h4>
                        <p class="text-slate-600 dark:text-gray-400 font-light text-xs sm:text-sm leading-relaxed theme-transition">
                            We transform your legacy monolithic systems into modern, highly-available, fault-tolerant, and elastically-scalable cloud-based microservices structures.
                        </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">
                    SYSTEMS UNDER DEVELOPMENT
                </div>
                <h3 class="text-2xl font-bold text-slate-900 dark:text-white theme-transition">Our R&D Lab: New Software on the Way!</h3>
                <p class="text-slate-600 dark:text-gray-400 font-light text-sm leading-relaxed theme-transition">
                    We don't just write custom code for your needs; we are also developing next-generation standard enterprise software modules that will accelerate your business, require no installation, and reside directly within our secure cloud infrastructure.
                </p>
                
                <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-cubes-stacked"></i>
                        </div>
                        <div>
                            <h4 class="text-sm font-bold text-slate-900 dark:text-white theme-transition">Modular Standard Solutions (SaaS)</h4>
                            <p class="text-xs text-slate-500 dark:text-gray-400 font-light theme-transition">Plug-and-play enterprise tools that will simplify your accounting, inventory, customer relations, and data analysis processes are coming soon.</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-certificate"></i>
                        </div>
                        <div>
                            <h4 class="text-sm font-bold text-slate-900 dark:text-white theme-transition">Zero Risk and 14-Day Free Trial</h4>
                            <p class="text-xs text-slate-500 dark:text-gray-400 font-light theme-transition">In accordance with our transparency policy, our upcoming standard cloud software will be presented to you for testing with a 14-day free trial via our portal. <span class="font-semibold text-brand-600 dark:text-brand-400">(Note: Custom software projects are not included in this trial scope.)</span></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">Active R&D Status</span>
                    </div>
                    <div class="text-[10px] text-brand-600 dark:text-brand-400 font-mono theme-transition">v1.2.0-Alpha</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">SaaS Portfolio</span>
                        <span class="text-sm font-bold text-slate-900 dark:text-white theme-transition">Cloud-Based Modular Solutions</span>
                        <span class="text-[9px] text-brand-600 dark:text-brand-400 block mt-0.5 theme-transition">Without installation hassles, all our software runs on our secure servers.</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">Transparent Hosting</span>
                        <span class="text-sm font-bold text-slate-900 dark:text-white theme-transition">Continuous Service on Our Own Infrastructure</span>
                        <span class="text-[9px] text-brand-600 dark:text-brand-400 block mt-0.5 theme-transition">Sustainable, highly-protected, and uninterrupted server assurance.</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 font-mono">Inovazen Yazilim ve Bilisim 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">Follow Updates on Our Portal</h3>
                <p class="text-slate-600 dark:text-gray-400 font-light text-sm max-w-md mx-auto leading-relaxed theme-transition">
                    Register today to get a closer look at our innovative technologies, our upcoming standard cloud software, and to make sure you don't miss out on 14-day free trial opportunities.
                </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">
                        Register Now
                        <i class="fa-solid fa-arrow-right text-xs"></i>
                    </a>
                </div>
            </div>
        </section>

</main>

<script>
        document.addEventListener('DOMContentLoaded', () => {
            const canvas = document.getElementById('servicesFlowCanvas');
            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>