English Crnogorski Türkçe Deutsch

Sisteme Giriş Kurumsal Kayıt

Hizmet Sepetim

0 Hizmet Seçili

...

Ara Toplam: €0,00

Inovazen - İletişim

Kesintisiz İletişim & Profesyonel Destek

Bizimle İletişime Geçin
Projelerinizi Başlatalım

İşletmenizin kurumsal yazılım ihtiyaçları, bulut entegrasyonu projeleri ya da hazır SaaS ürünlerimizin entegrasyonuyla ilgili tüm sorularınız için uzman ekibimize dilediğiniz an ulaşabilirsiniz.

İLETİŞİM BİLGİLERİ

Resmi Genel Merkezimiz

İstek ve önerilerinize en fazla 24 saat içerisinde tam kapsamlı teknik yanıt veriyoruz.

E-POSTA ADRESİMİZ contact@inovazen.com Tüm kurumsal yazışmalar, teklif istekleri ve SLA süreçleri için.

TEK VE RESMİ GENEL MERKEZ Inovazen Montenegro D.O.O. Karadağ / Montenegro d.o.o. yapılanması ile uluslararası standartlara uyumlu tek resmi kurumsal faaliyet merkezimizdir.

Kurumsal Standartlar

ISO 27001 GDPR COMPLIANT

Ad Soyad

E-posta Adresi

İletişim Konusu

Mesajınız

Verilerimin, KVKK ve GDPR ilkeleri uyarınca Inovazen tarafından bana geri dönüş sağlanması amacıyla işlenmesine izin veriyorum.

Gelişmeleri Portalımızdan Takip Edin

Yenilikçi teknolojilerimizi, yakında yayına girecek standart bulut 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 - İletişim</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="contactFlowCanvas" 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-headset text-brand-500 animate-bounce"></i>
                    Kesintisiz İletişim & Profesyonel Destek
                </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">
                    Bizimle İletişime Geçin<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">Projelerinizi Başlatalım</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">
                    İşletmenizin kurumsal yazılım ihtiyaçları, bulut entegrasyonu projeleri ya da hazır SaaS ürünlerimizin entegrasyonuyla ilgili tüm sorularınız için uzman ekibimize dilediğiniz an ulaşabilirsiniz.
                </p>
            </div>
        </section>

<section class="grid grid-cols-1 lg:grid-cols-12 gap-8 items-start">
            
            
            <div class="lg:col-span-5 space-y-6">
                
                
                <div class="space-y-2">
                    <h2 class="text-xs uppercase tracking-[0.2em] text-brand-600 dark:text-brand-400 font-bold theme-transition">İLETİŞİM BİLGİLERİ</h2>
                    <h3 class="text-2xl font-bold text-slate-900 dark:text-white theme-transition">Resmi Genel Merkezimiz</h3>
                    <p class="text-slate-500 dark:text-gray-400 font-light text-sm leading-relaxed theme-transition">
                        İstek ve önerilerinize en fazla 24 saat içerisinde tam kapsamlı teknik yanıt veriyoruz.
                    </p>
                </div>

<div class="space-y-4">
                    
                    <div class="p-5 bg-white dark:bg-darkspace-card/50 border border-slate-200 dark:border-darkspace-border rounded-2xl flex items-start gap-4 theme-transition shadow-sm hover:border-brand-500/50 dark:hover:border-brand-500/50 transition-all duration-300">
                        <div class="h-10 w-10 shrink-0 bg-brand-50 dark:bg-brand-950/80 border border-brand-200 dark:border-brand-800 flex items-center justify-center rounded-xl text-brand-600 dark:text-brand-400 text-base">
                            <i class="fa-solid fa-envelope"></i>
                        </div>
                        <div class="space-y-1">
                            <span class="text-xs uppercase tracking-wider text-slate-400 dark:text-gray-500 font-semibold block">E-POSTA ADRESİMİZ</span>
                            <a href="mailto:contact@inovazen.com" class="text-base font-bold text-slate-900 dark:text-white hover:text-brand-600 dark:hover:text-brand-400 transition-colors block">contact@inovazen.com</a>
                            <span class="text-xs text-slate-500 dark:text-gray-400 block font-light">Tüm kurumsal yazışmalar, teklif istekleri ve SLA süreçleri için.</span>
                        </div>
                    </div>

<div class="p-5 bg-white dark:bg-darkspace-card/50 border border-slate-200 dark:border-darkspace-border rounded-2xl flex items-start gap-4 theme-transition shadow-sm hover:border-brand-500/50 dark:hover:border-brand-500/50 transition-all duration-300">
                        <div class="h-10 w-10 shrink-0 bg-brand-50 dark:bg-brand-950/80 border border-brand-200 dark:border-brand-800 flex items-center justify-center rounded-xl text-brand-600 dark:text-brand-400 text-base">
                            <i class="fa-solid fa-location-dot"></i>
                        </div>
                        <div class="space-y-1">
                            <span class="text-xs uppercase tracking-wider text-slate-400 dark:text-gray-500 font-semibold block">TEK VE RESMİ GENEL MERKEZ</span>
                            <span class="text-sm font-bold text-slate-900 dark:text-white block">Inovazen Montenegro D.O.O.</span>
                            <span class="text-xs text-slate-500 dark:text-gray-400 block font-light">Karadağ / Montenegro d.o.o. yapılanması ile uluslararası standartlara uyumlu tek resmi kurumsal faaliyet merkezimizdir.</span>
                        </div>
                    </div>
                </div>

<div class="p-5 bg-slate-100/50 dark:bg-darkspace-card/20 rounded-2xl border border-slate-200 dark:border-darkspace-border/60 theme-transition flex flex-wrap justify-between items-center gap-3">
                    <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 font-semibold">Kurumsal Standartlar</span>
                    </div>
                    <div class="flex gap-2">
                        <span class="text-[9px] bg-white dark:bg-darkspace border border-slate-200 dark:border-darkspace-border text-slate-600 dark:text-gray-400 px-2.5 py-1 rounded-md font-mono theme-transition">ISO 27001</span>
                        <span class="text-[9px] bg-white dark:bg-darkspace border border-slate-200 dark:border-darkspace-border text-slate-600 dark:text-gray-400 px-2.5 py-1 rounded-md font-mono theme-transition">GDPR COMPLIANT</span>
                    </div>
                </div>

</div>

<div class="lg:col-span-7 bg-white dark:bg-darkspace-card/20 p-6 sm:p-8 rounded-3xl border border-slate-200 dark:border-darkspace-border relative overflow-hidden theme-transition shadow-sm">
                
                
                <div id="formSuccessAlert" class="hidden absolute inset-0 bg-white dark:bg-darkspace-card/95 backdrop-blur-md z-30 flex flex-col items-center justify-center text-center p-6 space-y-4 theme-transition">
                    <div class="h-16 w-16 bg-emerald-50 dark:bg-emerald-950/80 border border-emerald-200 dark:border-emerald-800 rounded-full flex items-center justify-center text-emerald-500 text-3xl animate-bounce">
                        <i class="fa-solid fa-circle-check"></i>
                    </div>
                    <div class="space-y-1 max-w-md">
                        <h4 class="text-lg font-bold text-slate-900 dark:text-white theme-transition">Mesajınız Güvenle İletildi!</h4>
                        <p class="text-slate-600 dark:text-gray-400 text-sm font-light leading-relaxed theme-transition">
                            Inovazen teknik destek ekibi mesajınızı aldı. Talebinizi inceledikten sonra belirttiğiniz e-posta adresi üzerinden sizinle en kısa sürede iletişime geçeceğiz.
                        </p>
                    </div>
                    <button type="button" onclick="resetContactForm()" class="px-5 py-2 rounded-full bg-slate-100 dark:bg-darkspace border border-slate-200 dark:border-darkspace-border hover:border-brand-500 hover:bg-slate-200 dark:hover:bg-darkspace-card transition-all duration-300 text-slate-700 dark:text-white font-medium text-xs theme-transition">
                        Yeni Mesaj Gönder
                    </button>
                </div>

<form id="inovazenContactForm" onsubmit="handleFormSubmit(event)" class="space-y-5">
                    <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
                        
                        <div class="space-y-1.5">
                            <label for="fullName" class="text-xs font-semibold text-slate-600 dark:text-gray-400 theme-transition">Ad Soyad</label>
                            <input type="text" id="fullName" required placeholder="Adınız Soyadınız" class="w-full px-4 py-2.5 rounded-xl bg-slate-50 dark:bg-darkspace border border-slate-200 dark:border-darkspace-border focus:border-brand-500 dark:focus:border-brand-400 text-slate-800 dark:text-white text-sm outline-none transition-colors theme-transition">
                        </div>
                        
                        
                        <div class="space-y-1.5">
                            <label for="emailAddr" class="text-xs font-semibold text-slate-600 dark:text-gray-400 theme-transition">E-posta Adresi</label>
                            <input type="email" id="emailAddr" required placeholder="ornek@firma.com" class="w-full px-4 py-2.5 rounded-xl bg-slate-50 dark:bg-darkspace border border-slate-200 dark:border-darkspace-border focus:border-brand-500 dark:focus:border-brand-400 text-slate-800 dark:text-white text-sm outline-none transition-colors theme-transition">
                        </div>
                    </div>

<div class="space-y-1.5">
                        <label for="inquirySubject" class="text-xs font-semibold text-slate-600 dark:text-gray-400 theme-transition">İletişim Konusu</label>
                        <select id="inquirySubject" required class="w-full px-4 py-2.5 rounded-xl bg-slate-50 dark:bg-darkspace border border-slate-200 dark:border-darkspace-border focus:border-brand-500 dark:focus:border-brand-400 text-slate-800 dark:text-white text-sm outline-none transition-colors theme-transition">
                            <option value="" disabled selected>Lütfen bir konu seçiniz...</option>
                            <option value="ozel-yazilim">Özel Yazılım Proje Talebi (Ücretli & Analizli)</option>
                            <option value="bulut-altyapi">Bulut & Altyapı Modernizasyonu</option>
                            <option value="saas-demo">Standart Yazılımlarımız / SaaS Demo Soruları</option>
                            <option value="diger">Diğer Konular</option>
                        </select>
                    </div>

<div class="space-y-1.5">
                        <label for="messageBody" class="text-xs font-semibold text-slate-600 dark:text-gray-400 theme-transition">Mesajınız</label>
                        <textarea id="messageBody" required rows="4" placeholder="Projenizi, hedeflerinizi ve sormak istediklerinizi buraya yazabilirsiniz..." class="w-full px-4 py-2.5 rounded-xl bg-slate-50 dark:bg-darkspace border border-slate-200 dark:border-darkspace-border focus:border-brand-500 dark:focus:border-brand-400 text-slate-800 dark:text-white text-sm outline-none transition-colors theme-transition resize-none"></textarea>
                    </div>

<div class="flex items-start gap-2.5">
                        <input type="checkbox" id="gdprConsent" required class="mt-1 h-3.5 w-3.5 rounded border-slate-200 dark:border-darkspace-border bg-slate-50 dark:bg-darkspace text-brand-600 focus:ring-brand-500 cursor-pointer">
                        <label for="gdprConsent" class="text-[11px] text-slate-500 dark:text-gray-400 leading-normal select-none cursor-pointer theme-transition">
                            Verilerimin, KVKK ve GDPR ilkeleri uyarınca Inovazen tarafından bana geri dönüş sağlanması amacıyla işlenmesine izin veriyorum.
                        </label>
                    </div>

<div class="pt-2">
                        <button type="submit" class="w-full py-3 rounded-xl bg-gradient-to-r from-brand-600 to-brand-500 hover:from-brand-500 hover:to-brand-400 text-white font-semibold text-sm transition-all duration-300 shadow-md shadow-brand-950/20 dark:shadow-brand-950/40 flex items-center justify-center gap-2">
                            <i class="fa-solid fa-paper-plane text-xs"></i>
                            Mesajı Gönder
                        </button>
                    </div>
                </form>
            </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 standart bulut 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('contactFlowCanvas');
            if (!canvas) return;
            const ctx = canvas.getContext('2d');
            let particlesArray = [];

// Handles fluid canvas resize matching parent layout heights safely
            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();
            });
            
            // Initial execution to avoid zero width issues
            resizeCanvas();

// Interactive data packet particle definition
            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;

// Bound checks
                    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();
                }
            }

// Populates particle matrix based on real calculated grid scales
            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();

// Network simulation connection loop
            function animateParticles() {
                ctx.clearRect(0, 0, canvas.width, canvas.height);
                
                // Read current class state safely
                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);

// Nodes hook together if nearby to establish connection flow
                        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();
        });

function handleFormSubmit(event) {
            event.preventDefault();
            const alertBox = document.getElementById('formSuccessAlert');
            if (alertBox) {
                // Reveal the premium alert card overlay smoothly
                alertBox.classList.remove('hidden');
            }
        }

// Resets contact data states cleanly
        function resetContactForm() {
            const form = document.getElementById('inovazenContactForm');
            const alertBox = document.getElementById('formSuccessAlert');
            if (form) form.reset();
            if (alertBox) alertBox.classList.add('hidden');
        }
    </script>
</body>
</html>