<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="/images/logo-57.png" type="image/x-icon" />
<link href="https://cdn.jsdelivr.net/npm/preline@latest/dist/preline.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.jsdelivr.net/npm/animejs@3.2.1/lib/anime.min.js"></script>
<script>
tailwind.config = {
darkMode: 'class'
}
</script>
<title>Finex Teknoloji | Yazılım, Mobil Uygulama ve Dijital Çözümler</title>
<meta name="description" content="Finex Teknoloji; yazılım geliştirme, mobil uygulama, entegrasyon sistemleri ve danışmanlık alanlarında Ankara merkezli uzman bir teknoloji firmasıdır.">
<meta name="keywords" content="Finex Teknoloji, Yazılım Geliştirme, Mobil Uygulama, Web Tasarımı, CRM, Entegrasyon, Ankara Yazılım Şirketi">
<meta name="robots" content="index, follow">
<meta name="language" content="tr">
<meta name="publisher" content="Finex Teknoloji A.Ş.">
<!-- Canonical -->
<link rel="canonical" href="https://finexteknoloji.com.tr" />
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:title" content="Finex Teknoloji | Yazılım, Mobil Uygulama ve Dijital Çözümler">
<meta property="og:description" content="Yazılım, mobil uygulama ve kurumsal çözümler konusunda uzmanlaşmış Ankara merkezli teknoloji firmamızla tanışın.">
<meta property="og:url" content="https://finexteknoloji.com.tr">
<meta property="og:image" content="https://finexteknoloji.com.tr/images/seo/cover-index.jpg">
<meta property="og:locale" content="tr_TR">
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Finex Teknoloji | Yazılım, Mobil Uygulama ve Dijital Çözümler">
<meta name="twitter:description" content="Yazılım, mobil uygulama ve kurumsal çözümler konusunda uzmanlaşmış Ankara merkezli teknoloji firmamızla tanışın.">
<meta name="twitter:image" content="https://finexteknoloji.com.tr/images/seo/cover-index.jpg">
<!-- Yandex.Metrika counter -->
<script type="text/javascript">
(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
m[i].l=1*new Date();
for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
ym(101274759, "init", {
clickmap:true,
trackLinks:true,
accurateTrackBounce:true,
webvisor:true
});
</script>
<script defer src="https://analytics.finexteknoloji.com.tr/script.js" data-website-id="0586edaa-38b2-4f16-95be-f6cb78b4ec10"></script>
<noscript b-lr48juu839><div b-lr48juu839><img b-lr48juu839 src="https://mc.yandex.ru/watch/101274759" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->
<meta name="google-site-verification" content="4411zihg4OiCiLYYa0HuT_8IpOqvOSj7BhOZSTLVe3I" />
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XLLFYXXZXZ"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-XLLFYXXZXZ');
</script>
</head>
<body class="bg-white text-gray-800">
<style>
header {
position: sticky;
top: 0;
z-index: 50;
transition: background-color 0.3s ease;
}
header.scrolled {
background-color: rgba(255, 255, 255, 0.603);
backdrop-filter: saturate(180%) blur(20px);
}
</style>
<script>
window.addEventListener('scroll', () => {
const header = document.querySelector('header');
if (window.scrollY > 10) {
header.classList.add('scrolled');
} else {
header.classList.remove('scrolled');
}
});
</script>
<script src="https://cdn.jsdelivr.net/npm/preline@2.0.3/dist/preline.min.js"></script>
<!-- ========== HEADER ========== -->
<header b-lr48juu839 class="flex flex-wrap md:justify-start md:flex-nowrap z-50 w-full bg-white border-b border-gray-200">
<nav b-lr48juu839 class="relative max-w-[85rem] w-full mx-auto md:flex md:items-center md:justify-between md:gap-3 py-4 px-4 sm:px-6 lg:px-8">
<div b-lr48juu839 class="flex justify-between items-center gap-x-3">
<a b-lr48juu839 class="flex items-center space-x-2 text-xl font-bold text-black" href="/">
<img b-lr48juu839 src="/images/logo.png" alt="Finex Teknoloji Logo" class="h-10">
</a>
<button b-lr48juu839 type="button" class="hs-collapse-toggle md:hidden inline-flex items-center justify-center text-sm text-gray-800 border border-gray-200 rounded-lg p-2" data-hs-collapse="#navbar-collapse">
<svg b-lr48juu839 class="hs-collapse-open:hidden w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path b-lr48juu839 stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/>
</svg>
<svg b-lr48juu839 class="hs-collapse-open:block hidden w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path b-lr48juu839 stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
</svg>
</button>
</div>
<div b-lr48juu839 id="navbar-collapse" class="hs-collapse hidden overflow-hidden transition-all duration-300 md:block md:w-auto">
<div b-lr48juu839 class="flex flex-col gap-2 mt-4 md:mt-0 md:flex-row md:items-center md:gap-6">
<a b-lr48juu839 href="/hakkimizda" class="text-sm font-medium text-gray-700 hover:text-indigo-600">Hakkımızda</a>
<!--<div class="hs-dropdown [--strategy:static] md:[--strategy:absolute] [--adaptive:none]">
<button type="button" class="hs-dropdown-toggle text-sm font-medium text-gray-700 hover:text-indigo-600 flex items-center">
Kurumsal <i class="fas fa-chevron-down ml-1 text-xs"></i>
</button>
<div class="hs-dropdown-menu hidden z-50 mt-2 w-56 bg-white shadow-md rounded-lg border border-gray-200 p-2">
<a href="/Hakkimizda" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 rounded">Hakkımızda</a>
<a href="#" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 rounded">Hesap Bilgileri</a>
</div>
</div> b-lr48juu839-->
<div b-lr48juu839 class="hs-dropdown [--strategy:static] md:[--strategy:absolute] [--adaptive:none]">
<button b-lr48juu839 type="button" class="hs-dropdown-toggle text-sm font-medium text-gray-700 hover:text-indigo-600 flex items-center">
Hizmetlerimiz <i b-lr48juu839 class="fas fa-chevron-down ml-1 text-xs"></i>
</button>
<div b-lr48juu839 class="hs-dropdown-menu hidden z-50 mt-2 left-1/2 -translate-x-1/2 w-[720px] bg-white shadow-md rounded-lg border border-gray-200 p-6 grid grid-cols-3 gap-4">
<a b-lr48juu839 href="/hizmetler/Yazilim-Gelistirme" class="flex flex-col items-start p-4 bg-gray-50 hover:bg-gray-100 rounded-lg">
<div b-lr48juu839 class="text-indigo-600 text-xl mb-2"><i b-lr48juu839 class="fas fa-code"></i></div>
<p b-lr48juu839 class="text-sm font-semibold text-gray-800">Yazılım Geliştirme</p>
<p b-lr48juu839 class="text-xs text-gray-500">Kurumsal backend & frontend yazılım çözümleri.</p>
</a>
<a b-lr48juu839 href="/hizmetler/Mobil-Uygulama" class="flex flex-col items-start p-4 bg-gray-50 hover:bg-gray-100 rounded-lg">
<div b-lr48juu839 class="text-pink-600 text-xl mb-2"><i b-lr48juu839 class="fas fa-mobile-alt"></i></div>
<p b-lr48juu839 class="text-sm font-semibold text-gray-800">Mobil Uygulama</p>
<p b-lr48juu839 class="text-xs text-gray-500">iOS & Android için native ve hybrid çözümler.</p>
</a>
<a b-lr48juu839 href="/hizmetler/Arayuz-Tasarimi" class="flex flex-col items-start p-4 bg-gray-50 hover:bg-gray-100 rounded-lg">
<div b-lr48juu839 class="text-blue-600 text-xl mb-2"><i b-lr48juu839 class="fas fa-pencil-ruler"></i></div>
<p b-lr48juu839 class="text-sm font-semibold text-gray-800">UI/UX & Arayüz Tasarımı</p>
<p b-lr48juu839 class="text-xs text-gray-500">Kullanıcı odaklı tasarımlar, modern arayüzler.</p>
</a>
<a b-lr48juu839 href="/hizmetler/Sosyal-Medya" class="flex flex-col items-start p-4 bg-gray-50 hover:bg-gray-100 rounded-lg">
<div b-lr48juu839 class="text-red-600 text-xl mb-2"><i b-lr48juu839 class="fas fa-bullhorn"></i></div>
<p b-lr48juu839 class="text-sm font-semibold text-gray-800">Sosyal Medya & Reklam</p>
<p b-lr48juu839 class="text-xs text-gray-500">Sosyal medya yönetimi, reklam kampanyaları.</p>
</a>
<a b-lr48juu839 href="/hizmetler/Kurumsal-WebSite" class="flex flex-col items-start p-4 bg-gray-50 hover:bg-gray-100 rounded-lg">
<div b-lr48juu839 class="text-green-600 text-xl mb-2"><i b-lr48juu839 class="fas fa-globe"></i></div>
<p b-lr48juu839 class="text-sm font-semibold text-gray-800">Kurumsal Web Sitesi</p>
<p b-lr48juu839 class="text-xs text-gray-500">SEO uyumlu, hızlı ve güvenli kurumsal siteler.</p>
</a>
<a b-lr48juu839 href="/hizmetler/Yazilim-Danismanligi" class="flex flex-col items-start p-4 bg-gray-50 hover:bg-gray-100 rounded-lg">
<div b-lr48juu839 class="text-yellow-600 text-xl mb-2"><i b-lr48juu839 class="fas fa-lightbulb"></i></div>
<p b-lr48juu839 class="text-sm font-semibold text-gray-800">Yazılım Danışmanlığı</p>
<p b-lr48juu839 class="text-xs text-gray-500">Proje planlama, teknoloji seçimi ve danışmanlık.</p>
</a>
<a b-lr48juu839 href="/hizmetler/Organizasyon" class="flex flex-col items-start p-4 bg-gray-50 hover:bg-gray-100 rounded-lg">
<div b-lr48juu839 class="text-purple-600 text-xl mb-2"><i b-lr48juu839 class="fas fa-calendar-check"></i></div>
<p b-lr48juu839 class="text-sm font-semibold text-gray-800">Organizasyon</p>
<p b-lr48juu839 class="text-xs text-gray-500">Etkinlik ve yarışma süreç yönetimi hizmetleri.</p>
</a>
</div>
</div>
<div b-lr48juu839 class="hs-dropdown [--strategy:static] md:[--strategy:absolute] [--adaptive:none]">
<button b-lr48juu839 type="button" class="hs-dropdown-toggle text-sm font-medium text-gray-700 hover:text-indigo-600 flex items-center">
Ürünlerimiz <i b-lr48juu839 class="fas fa-chevron-down ml-1 text-xs"></i>
</button>
<div b-lr48juu839 class="hs-dropdown-menu hidden z-50 mt-2 left-1/2 -translate-x-1/2 w-[720px] bg-white shadow-md rounded-lg border border-gray-200 p-6 grid grid-cols-3 gap-4">
<a b-lr48juu839 href="/urunler/pazaryeri-entegrasyonu" class="flex flex-col items-start p-4 bg-gray-50 hover:bg-gray-100 rounded-lg">
<div b-lr48juu839 class="text-indigo-600 text-xl mb-2"><i b-lr48juu839 class="fas fa-store"></i></div>
<p b-lr48juu839 class="text-sm font-semibold text-gray-800">Pazaryeri Entegrasyonu</p>
<p b-lr48juu839 class="text-xs text-gray-500">Trendyol, Hepsiburada gibi platformlarla entegrasyon.</p>
</a>
<a b-lr48juu839 href="/urunler/muhasebe-entegrasyonu" class="flex flex-col items-start p-4 bg-gray-50 hover:bg-gray-100 rounded-lg">
<div b-lr48juu839 class="text-blue-600 text-xl mb-2"><i b-lr48juu839 class="fas fa-calculator"></i></div>
<p b-lr48juu839 class="text-sm font-semibold text-gray-800">Muhasebe Entegrasyonu</p>
<p b-lr48juu839 class="text-xs text-gray-500">Logo, Mikro gibi muhasebe yazılımlarıyla uyumlu çözümler.</p>
</a>
<a b-lr48juu839 href="/urunler/sanal-pos-entegrasyonu" class="flex flex-col items-start p-4 bg-gray-50 hover:bg-gray-100 rounded-lg">
<div b-lr48juu839 class="text-green-600 text-xl mb-2"><i b-lr48juu839 class="fas fa-credit-card"></i></div>
<p b-lr48juu839 class="text-sm font-semibold text-gray-800">Sanal Pos Entegrasyonu</p>
<p b-lr48juu839 class="text-xs text-gray-500">İyzico, PayTR, Garanti gibi sanal pos sistemleriyle tam entegrasyon.</p>
</a>
<a b-lr48juu839 href="/urunler/talep-yonetim-yazilimi-crm" class="flex flex-col items-start p-4 bg-gray-50 hover:bg-gray-100 rounded-lg">
<div b-lr48juu839 class="text-yellow-600 text-xl mb-2"><i b-lr48juu839 class="fas fa-tasks"></i></div>
<p b-lr48juu839 class="text-sm font-semibold text-gray-800">Talep Yönetim Yazılımı (CRM)</p>
<p b-lr48juu839 class="text-xs text-gray-500">Müşteri taleplerini etkin şekilde takip edin ve yönetin.</p>
</a>
<a b-lr48juu839 href="/urunler/makale-takip-yazilimi" class="flex flex-col items-start p-4 bg-gray-50 hover:bg-gray-100 rounded-lg">
<div b-lr48juu839 class="text-red-600 text-xl mb-2"><i b-lr48juu839 class="fas fa-file-alt"></i></div>
<p b-lr48juu839 class="text-sm font-semibold text-gray-800">Makale Takip Yazılımı</p>
<p b-lr48juu839 class="text-xs text-gray-500">Akademik dergiler ve editörlük süreçleri için ideal çözüm.</p>
</a>
<a b-lr48juu839 href="/urunler/online-egitim-yazilimi" class="flex flex-col items-start p-4 bg-gray-50 hover:bg-gray-100 rounded-lg">
<div b-lr48juu839 class="text-purple-600 text-xl mb-2"><i b-lr48juu839 class="fas fa-laptop"></i></div>
<p b-lr48juu839 class="text-sm font-semibold text-gray-800">Online Eğitim Yazılımı</p>
<p b-lr48juu839 class="text-xs text-gray-500">Senkron & asenkron video destekli eğitim platformları.</p>
</a>
<a b-lr48juu839 href="/urunler/uzaktan-egitim-yazilimi" class="flex flex-col items-start p-4 bg-gray-50 hover:bg-gray-100 rounded-lg">
<div b-lr48juu839 class="text-indigo-600 text-xl mb-2"><i b-lr48juu839 class="fas fa-video"></i></div>
<p b-lr48juu839 class="text-sm font-semibold text-gray-800">Uzaktan Eğitim Yazılımı</p>
<p b-lr48juu839 class="text-xs text-gray-500">Online dersler ve sınav sistemleriyle entegre yapı.</p>
</a>
<a b-lr48juu839 href="/urunler/yarisma-surec-yonetim-yazilimi" class="flex flex-col items-start p-4 bg-gray-50 hover:bg-gray-100 rounded-lg">
<div b-lr48juu839 class="text-pink-600 text-xl mb-2"><i b-lr48juu839 class="fas fa-trophy"></i></div>
<p b-lr48juu839 class="text-sm font-semibold text-gray-800">Yarışma Süreç Yönetim Yazılımı</p>
<p b-lr48juu839 class="text-xs text-gray-500">Etkinlik, başvuru, değerlendirme ve puanlama sistemleri.</p>
</a>
<a b-lr48juu839 href="/urunler/randevu-yazilimi" class="flex flex-col items-start p-4 bg-gray-50 hover:bg-gray-100 rounded-lg">
<div b-lr48juu839 class="text-teal-600 text-xl mb-2"><i b-lr48juu839 class="fas fa-calendar-alt"></i></div>
<p b-lr48juu839 class="text-sm font-semibold text-gray-800">Randevu Yazılımı</p>
<p b-lr48juu839 class="text-xs text-gray-500">Klinik, kuaför, danışmanlık gibi hizmetler için randevu altyapısı.</p>
</a>
<a b-lr48juu839 href="/urunler/eticaret-yazilimi" class="flex flex-col items-start p-4 bg-gray-50 hover:bg-gray-100 rounded-lg">
<div b-lr48juu839 class="text-orange-600 text-xl mb-2"><i b-lr48juu839 class="fas fa-shopping-cart"></i></div>
<p b-lr48juu839 class="text-sm font-semibold text-gray-800">E-Ticaret Yazılımı</p>
<p b-lr48juu839 class="text-xs text-gray-500">Katalog, sipariş, ödeme ve kargo entegrasyonlu satış platformu.</p>
</a>
<a b-lr48juu839 href="/urunler/lojistik-surec-takip-yazilimi" class="flex flex-col items-start p-4 bg-gray-50 hover:bg-gray-100 rounded-lg">
<div b-lr48juu839 class="text-gray-600 text-xl mb-2"><i b-lr48juu839 class="fas fa-truck"></i></div>
<p b-lr48juu839 class="text-sm font-semibold text-gray-800">Lojistik Süreç Takip Yazılımı</p>
<p b-lr48juu839 class="text-xs text-gray-500">Kargo, teslimat ve rota takibini kolaylaştıran çözüm.</p>
</a>
</div>
</div>
<a b-lr48juu839 href="/referanslar" class="text-sm font-medium text-gray-700 hover:text-indigo-600">Referanslar</a>
<a b-lr48juu839 href="#" class="text-sm font-medium text-gray-700 hover:text-indigo-600">Blog</a>
<a b-lr48juu839 href="/iletisim" class="text-sm font-medium text-gray-700 hover:text-indigo-600">İletişim</a>
</div>
</div>
</nav>
</header>
<!-- ========== END HEADER ========== -->
<div b-lr48juu839 class="fixed right-4 top-1/2 transform -translate-y-1/2 flex flex-col gap-3 z-50">
<a b-lr48juu839 href="https://wa.me/908502597887" target="_blank" class="bg-green-500 hover:bg-green-600 text-white p-3 rounded-full shadow-lg transition">
<i b-lr48juu839 class="fab fa-whatsapp text-xl"></i>
</a>
<a b-lr48juu839 href="/cdn-cgi/l/email-protection#294b4841485d5d404707464e5c53694f40474c515d4c42474645464340074a4644075d5b" class="bg-blue-500 hover:bg-blue-600 text-white p-3 rounded-full shadow-lg transition">
<i b-lr48juu839 class="fas fa-envelope text-xl"></i>
</a>
<a b-lr48juu839 href="tel:+905449621800" class="bg-gray-700 hover:bg-gray-800 text-white p-3 rounded-full shadow-lg transition">
<i b-lr48juu839 class="fas fa-phone text-xl"></i>
</a>
</div>
<main b-lr48juu839>
<!-- Particles.js CDN -->
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="https://cdn.jsdelivr.net/npm/tsparticles@2.12.0/tsparticles.bundle.min.js"></script>
<script>
window.addEventListener('DOMContentLoaded', () => {
tsParticles.load("particles-hero", {
fullScreen: { enable: false },
background: { color: "transparent" },
particles: {
number: { value: 160, density: { enable: true, area: 800 } },
color: { value: ["#f59e0b", "#ef4444", "#3b82f6", "#14b8a6"] },
shape: { type: "circle" },
opacity: { value: 0.7, random: true },
size: { value: { min: 2, max: 5 } },
move: {
enable: true,
speed: 2.5,
direction: "none",
outModes: { default: "bounce" }
},
links: {
enable: true,
distance: 130,
color: "#94a3b8",
opacity: 0.4,
width: 1.1
}
},
interactivity: {
events: {
onHover: { enable: true, mode: ["grab", "bubble"] },
onClick: { enable: true, mode: "repulse" },
resize: true
},
modes: {
grab: { distance: 200, links: { opacity: 0.8 } },
bubble: { distance: 150, size: 8, duration: 2, opacity: 1 },
repulse: { distance: 100, duration: 0.4 }
}
},
detectRetina: true
});
});
</script>
<!-- Hero Alanı + Particles -->
<section class="relative overflow-hidden bg-white pt-28 pb-32" id="hero">
<div id="particles-hero" class="absolute inset-0 w-full h-full z-0 pointer-events-none"></div>
<div class="relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
<div class="mx-auto max-w-4xl">
<h1 class="text-5xl font-extrabold text-gray-900 leading-tight mb-6" id="hero-title">
Finex Teknoloji ile Dijital Dönüşümünüzü Başlatın
</h1>
<p class="text-lg text-gray-600 mb-8" id="hero-sub">
2018'den bu yana özel yazılım geliştirme, mobil uygulama, entegrasyon sistemleri ve danışmanlık hizmetleriyle Türkiye'nin dört bir yanına çözümler sunuyoruz.
</p>
<button data-hs-overlay="#danismanlikModal" class="inline-flex items-center px-8 py-3 bg-indigo-600 text-white text-base font-medium rounded-lg shadow hover:bg-indigo-700 transition">
Bizimle İletişime Geçin
<i class="fas fa-arrow-right ml-2"></i>
</button>
</div>
</div>
</section>
<!-- Hakkımızda Kısa Alan -->
<section class="py-20 bg-gray-50">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 grid md:grid-cols-2 gap-12 items-center">
<div>
<h2 class="text-3xl font-bold text-gray-800 mb-4">Biz Kimiz?</h2>
<p class="text-lg text-gray-600">
Finex Teknoloji, kurulduğu 2018 yılından bu yana, yüzlerce projeye imza atarak yazılım geliştirme, mobil uygulama, dijital dönüşüm ve entegrasyon alanlarında müşterilerine yüksek kaliteli hizmet sunmuştur.
Kamu kurumlarından özel sektöre, girişimlerden büyük işletmelere kadar geniş bir yelpazede çözüm ortağı olarak görev aldık. Genç ve dinamik ekibimizle, iş dünyasının dijitalleşme ihtiyaçlarına yenilikçi ve sürdürülebilir çözümler sunmaya devam ediyoruz.
Her geçen gün büyüyen referans ağımız ve başarılı projelerimiz, alanında lider teknoloji firmalarından biri olmamızı sağlamıştır.
</p>
</div>
<div>
<img src="/images/hakkimizda.jpg" alt="Hakkımızda Görsel" class="rounded-xl shadow-md w-full">
</div>
</div>
</section>
<section class="bg-white py-24" id="hizmetler">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center mb-16">
<h2 class="text-4xl font-bold text-gray-900">Hizmetlerimiz</h2>
<p class="text-gray-600 mt-4 max-w-2xl mx-auto">Geniş hizmet yelpazemizle dijital ihtiyaçlarınıza uçtan uca çözümler sunuyoruz.</p>
</div>
<div class="grid md:grid-cols-3 gap-8">
<div class="group bg-white p-6 rounded-xl border shadow-sm transform transition duration-300 hover:-translate-y-2 hover:shadow-lg">
<div class="text-indigo-600 text-3xl mb-4 transition-all duration-300 group-hover:scale-125"><i class="fas fa-code"></i></div>
<h3 class="font-semibold text-lg text-gray-800 mb-2">Yazılım Geliştirme</h3>
<p class="text-sm text-gray-600">.NET Core, Entity Framework ve React gibi modern teknolojilerle ihtiyacınıza özel kurumsal yazılım çözümleri geliştiriyoruz.</p>
</div>
<div class="group bg-white p-6 rounded-xl border shadow-sm transform transition duration-300 hover:-translate-y-2 hover:shadow-lg">
<div class="text-pink-600 text-3xl mb-4 transition-all duration-300 group-hover:scale-125"><i class="fas fa-mobile-alt"></i></div>
<h3 class="font-semibold text-lg text-gray-800 mb-2">Mobil Uygulama</h3>
<p class="text-sm text-gray-600">Flutter ile hem iOS hem de Android platformları için native performansa sahip uygulamalar geliştiriyoruz.</p>
</div>
<div class="group bg-white p-6 rounded-xl border shadow-sm transform transition duration-300 hover:-translate-y-2 hover:shadow-lg">
<div class="text-blue-600 text-3xl mb-4 transition-all duration-300 group-hover:scale-125"><i class="fas fa-pencil-ruler"></i></div>
<h3 class="font-semibold text-lg text-gray-800 mb-2">UI/UX & Arayüz Tasarımı</h3>
<p class="text-sm text-gray-600">Kullanıcı odaklı, sezgisel ve modern arayüzlerle dijital deneyimi iyileştiriyoruz.</p>
</div>
<div class="group bg-white p-6 rounded-xl border shadow-sm transform transition duration-300 hover:-translate-y-2 hover:shadow-lg">
<div class="text-red-600 text-3xl mb-4 transition-all duration-300 group-hover:scale-125"><i class="fas fa-bullhorn"></i></div>
<h3 class="font-semibold text-lg text-gray-800 mb-2">Sosyal Medya & Reklam</h3>
<p class="text-sm text-gray-600">Markanızı büyütmek için dijital reklam kampanyaları ve sosyal medya stratejileri sunuyoruz.</p>
</div>
<div class="group bg-white p-6 rounded-xl border shadow-sm transform transition duration-300 hover:-translate-y-2 hover:shadow-lg">
<div class="text-green-600 text-3xl mb-4 transition-all duration-300 group-hover:scale-125"><i class="fas fa-globe"></i></div>
<h3 class="font-semibold text-lg text-gray-800 mb-2">Kurumsal Web Sitesi</h3>
<p class="text-sm text-gray-600">SEO uyumlu, hızlı ve güvenilir web siteleriyle dijital görünürlüğünüzü artırıyoruz.</p>
</div>
<div class="group bg-white p-6 rounded-xl border shadow-sm transform transition duration-300 hover:-translate-y-2 hover:shadow-lg">
<div class="text-yellow-600 text-3xl mb-4 transition-all duration-300 group-hover:scale-125"><i class="fas fa-comments"></i></div>
<h3 class="font-semibold text-lg text-gray-800 mb-2">Yazılım Danışmanlığı</h3>
<p class="text-sm text-gray-600">İşletmenize en uygun teknolojik çözümleri belirlemenizde uzman danışmanlarımızla destek veriyoruz.</p>
</div>
</div>
</div>
</section>
<section class="bg-gray-50 py-24">
<div class="max-w-7xl mx-auto px-4 text-center">
<h2 class="text-3xl font-bold text-gray-800 mb-12">Müşteri Yorumları</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
<div class="bg-white p-6 rounded-lg border shadow-sm">
<img src="/images/referanslar/startupofis.jpg" alt="Startup Ofis" class="h-10 mx-auto mb-4" />
<p class="text-gray-600 italic">“Sunmuş olduğunuz CRM altyapısı operasyonel süreçlerimizi çok kolaylaştırdı.”</p>
</div>
<div class="bg-white p-6 rounded-lg border shadow-sm">
<img src="/images/referanslar/entegreyiz.jpg" alt="Entegreyiz" class="h-10 mx-auto mb-4" />
<p class="text-gray-600 italic">“Entegrasyon çözümleriniz sayesinde zamandan büyük tasarruf sağladık.”</p>
</div>
<div class="bg-white p-6 rounded-lg border shadow-sm">
<img src="/images/referanslar/uhepy.jpg" alt="Uhepy" class="h-10 mx-auto mb-4" />
<p class="text-gray-600 italic">“Ödeme sistemlerimizin dijital dönüşümünde verdiğ</span>iniz destek çok değerliydi.”</p>
</div>
<div class="bg-white p-6 rounded-lg border shadow-sm">
<img src="/images/referanslar/ceceli.jpg" alt="Ceceli Okulları" class="h-10 mx-auto mb-4" />
<p class="text-gray-600 italic">“Okul yönetim yazılımınız hem veliler hem de idare için çok kullanışlı.”</p>
</div>
<div class="bg-white p-6 rounded-lg border shadow-sm">
<img src="/images/referanslar/edutopya.jpg" alt="Edutopya" class="h-10 mx-auto mb-4" />
<p class="text-gray-600 italic">“Online eğitim platformunuz kullanıcı dostu ve oldukça esnek.”</p>
</div>
<div class="bg-white p-6 rounded-lg border shadow-sm">
<img src="/images/referanslar/edumaster.jpg" alt="Edumaster" class="h-10 mx-auto mb-4" />
<p class="text-gray-600 italic">“Eğitim sektöründe bize özel sunduğunuz çözümlerle fark yarattınız.”</p>
</div>
</div>
</div>
</section>
<script>
const testimonialCarousel = document.getElementById('testimonial-carousel');
let testimonialOffset = 0;
const slideCount = 6;
const visibleSlides = 3;
const step = testimonialCarousel.firstElementChild.offsetWidth + 24;
setInterval(() => {
testimonialOffset += step * visibleSlides;
if (testimonialOffset >= step * slideCount) testimonialOffset = 0;
testimonialCarousel.scrollTo({ left: testimonialOffset, behavior: 'smooth' });
}, 5000);
</script>
<section class="bg-white py-24" id="urunler">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center mb-16">
<h2 class="text-4xl font-bold text-gray-900">Ürünlerimiz</h2>
<p class="text-gray-600 mt-4 max-w-2xl mx-auto">Finex Teknoloji olarak geliştirdiğimiz güçlü yazılım ürünleriyle iş süreçlerinizi dijitale taşıyın.</p>
</div>
<div class="grid md:grid-cols-3 gap-8">
<div class="group bg-gray-50 p-6 border rounded-xl shadow-sm hover:shadow-md transform transition duration-300 hover:-translate-y-2">
<div class="text-indigo-600 text-3xl mb-4 transition-all duration-300 group-hover:scale-125"><i class="fas fa-tasks"></i></div>
<h3 class="font-semibold text-lg text-gray-800 mb-2">Talep Yönetim Yazılımı (CRM)</h3>
<p class="text-sm text-gray-600">Taleplerin anlık takibi, analiz raporları ve ekip yönetimi bir arada.</p>
</div>
<div class="group bg-gray-50 p-6 border rounded-xl shadow-sm hover:shadow-md transform transition duration-300 hover:-translate-y-2">
<div class="text-red-600 text-3xl mb-4 transition-all duration-300 group-hover:scale-125"><i class="fas fa-book"></i></div>
<h3 class="font-semibold text-lg text-gray-800 mb-2">Makale Takip Yazılımı</h3>
<p class="text-sm text-gray-600">Akademik yayın süreçleri için başvuru, hakemlik ve yayın takip altyapısı.</p>
</div>
<div class="group bg-gray-50 p-6 border rounded-xl shadow-sm hover:shadow-md transform transition duration-300 hover:-translate-y-2">
<div class="text-pink-600 text-3xl mb-4 transition-all duration-300 group-hover:scale-125"><i class="fas fa-trophy"></i></div>
<h3 class="font-semibold text-lg text-gray-800 mb-2">Yarışma Süreç Yönetim Yazılımı</h3>
<p class="text-sm text-gray-600">Başvuru, puanlama, değerlendirme ve ödül yönetimini tek panelden yönetin.</p>
</div>
<div class="group bg-gray-50 p-6 border rounded-xl shadow-sm hover:shadow-md transform transition duration-300 hover:-translate-y-2">
<div class="text-green-600 text-3xl mb-4 transition-all duration-300 group-hover:scale-125"><i class="fas fa-store"></i></div>
<h3 class="font-semibold text-lg text-gray-800 mb-2">E-Ticaret ve Pazaryeri Entegrasyonu</h3>
<p class="text-sm text-gray-600">Ürünleriniz Trendyol, Hepsiburada gibi platformlarla entegre çalışsın.</p>
</div>
<div class="group bg-gray-50 p-6 border rounded-xl shadow-sm hover:shadow-md transform transition duration-300 hover:-translate-y-2">
<div class="text-blue-600 text-3xl mb-4 transition-all duration-300 group-hover:scale-125"><i class="fas fa-chalkboard-teacher"></i></div>
<h3 class="font-semibold text-lg text-gray-800 mb-2">Online Eğitim Yazılımı</h3>
<p class="text-sm text-gray-600">Canlı ders, sınav modülü ve öğrenci takibi bir arada.</p>
</div>
<div class="group bg-gray-50 p-6 border rounded-xl shadow-sm hover:shadow-md transform transition duration-300 hover:-translate-y-2">
<div class="text-teal-600 text-3xl mb-4 transition-all duration-300 group-hover:scale-125"><i class="fas fa-video"></i></div>
<h3 class="font-semibold text-lg text-gray-800 mb-2">Uzaktan Eğitim Yazılımı</h3>
<p class="text-sm text-gray-600">Senkron ve asenkron uzaktan eğitim altyapısı.</p>
</div>
<div class="group bg-gray-50 p-6 border rounded-xl shadow-sm hover:shadow-md transform transition duration-300 hover:-translate-y-2">
<div class="text-yellow-600 text-3xl mb-4 transition-all duration-300 group-hover:scale-125"><i class="fas fa-calenda</div>r-check"></i></div>
<h3 class="font-semibold text-lg text-gray-800 mb-2">Randevu Yazılımı</h3>
<p class="text-sm text-gray-600">Doktor, veteriner, danışman gibi hizmet profesyonelleri için gelişmiş randevu altyapısı.</p>
</div>
<div class="group bg-gray-50 p-6 border rounded-xl shadow-sm hover:shadow-md transform transition duration-300 hover:-translate-y-2">
<div class="text-gray-600 text-3xl mb-4 transition-all duration-300 group-hover:scale-125"><i class="fas fa-truck"></i></div>
<h3 class="font-semibold text-lg text-gray-800 mb-2">Lojistik Süreç Takip Yazılımı</h3>
<p class="text-sm text-gray-600">Kargo, rota planlama, teslimat ve dağıtım süreçlerinizi yönetin.</p>
</div>
<div class="group bg-gray-50 p-6 border rounded-xl shadow-sm hover:shadow-md transform transition duration-300 hover:-translate-y-2">
<div class="text-purple-600 text-3xl mb-4 transition-all duration-300 group-hover:scale-125"><i class="fas fa-id-card"></i></div>
<h3 class="font-semibold text-lg text-gray-800 mb-2">Dijital Kartvizit Platformu</h3>
<p class="text-sm text-gray-600">Kişisel ve kurumsal dijital kartvizit oluşturun, QR kodla paylaşın.</p>
</div>
<div class="group bg-gray-50 p-6 border rounded-xl shadow-sm hover:shadow-md transform transition duration-300 hover:-translate-y-2">
<div class="text-orange-500 text-3xl mb-4 transition-all duration-300 group-hover:scale-125"><i class="fas fa-calendar-alt"></i></div>
<h3 class="font-semibold text-lg text-gray-800 mb-2">Organizasyon ve Etkinlik Yönetimi</h3>
<p class="text-sm text-gray-600">Yarışma, seminer ve kurumsal etkinlik süreçlerinizi dijital ortamda yönetin.</p>
</div>
</div>
</div>
</section>
<!-- Referanslar Carousel -->
<section class="py-20 bg-gray-50">
<div class="max-w-7xl mx-auto px-4 text-center">
<h2 class="text-3xl font-bold text-gray-800 mb-10">Bize Güvenenler</h2>
<div class="relative overflow-hidden">
<div id="ref-carousel" class="flex gap-6 overflow-hidden"></div>
</div>
</div>
</section>
<!-- CTA Section -->
<section class="py-24 bg-indigo-600">
<div class="max-w-7xl mx-auto px-4 text-center text-white">
<h2 class="text-3xl font-bold mb-4">Hemen İşinize Uygun Çözümlerle Tanışın</h2>
<p class="text-lg mb-8">Size özel yazılım, mobil uygulama ve dijital çözümler için bizimle iletişime geçin.</p>
<a href="#iletisim" class="inline-block px-8 py-3 bg-white text-indigo-600 font-semibold rounded-lg shadow hover:bg-gray-100 transition">Ücretsiz Danışmanlık Alın</a>
</div>
</section>
<!-- Modal -->
<div id="danismanlikModal" class="hs-overlay hidden fixed inset-0 z-[60] overflow-y-auto bg-black bg-opacity-50 flex items-center justify-center p-4">
<div class="bg-white w-full max-w-lg rounded-xl shadow-lg p-6">
<div class="flex justify-between items-center mb-4">
<h3 class="text-lg font-semibold text-gray-900">Bizimle İletişime Geçin</h3>
<button type="button" class="text-gray-400 hover:text-gray-900" data-hs-overlay="#danismanlikModal">
<i class="fas fa-times"></i>
</button>
</div>
<form class="space-y-4">
<div>
<label class="block text-sm font-medium text-gray-700">Ad Soyad</label>
<input type="text" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm px-4 py-2 focus:ring-indigo-500 focus:border-indigo-500" required />
</div>
<div>
<label class="block text-sm font-medium text-gray-700">Telefon</label>
<input type="tel" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm px-4 py-2 focus:ring-indigo-500 focus:border-indigo-500" required />
</div>
<div>
<label class="block text-sm font-medium text-gray-700">E-posta</label>
<input type="email" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm px-4 py-2 focus:ring-indigo-500 focus:border-indigo-500" required />
</div>
<div>
<label class="block text-sm font-medium text-gray-700">Mesaj</label>
<textarea class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm px-4 py-2 focus:ring-indigo-500 focus:border-indigo-500" rows="4" required></textarea>
</div>
<div class="text-right">
<button type="submit" class="bg-indigo-600 hover:bg-indigo-700 text-white px-6 py-2 rounded-lg">Gönder</button>
</div>
</form>
</div>
</div>
<script>
const logos = [
"meb.jpg", "teknofest.jpg","Edutopya.jpg","edumaster.jpg", "Entegreyiz.jpg",
"startupofis.jpg","uhepy.jpg","Pegemakademi.jpg","iwallet.jpg",
"Birlik-Umre.jpg", "Bm-Dc-İnşaat-Demir-Çelik.jpg", "ceceli.jpg", "dijitkart.jpg",
"DunyaTakilari.jpg", "Ege-Haddecilik.jpg", "Emek-İş-Sağlığı-ve-Güvenliği.jpg",
"Enfatek.jpg", "Entegreyiz.jpg", "esnafodunsum.jpg", "Fatih-Demir-Çelik.jpg", "Feras-Enerji.jpg",
"Hair-Sistem-Saçlandırma-Sistemleri.jpg", "Kafta.jpg", "Kolay-Ofis.jpg", "Mavitelefon.jpg",
"Net-Anadolu.jpg", "Nms-Mühendislik.jpg", "Okan-Akaryakıt.jpg", "Özdemir-Hukuk.jpg",
"Pegem.Net.jpg", "Pegemkampüs.jpg", "Relko-Enerji.jpg", "Rodem-Demir-Çelik.jpg",
"Rüyam-Gelinlik.jpg", "Sekreter.jpg", "seyirkitap.jpg", "Tarmet.jpg",
"Uzman-Kompanzasyon.jpg", "wihu.jpg", "Yıldırım-Elktronik.jpg", "Zübeyr-Yiğit.jpg"
];
const refCarousel = document.getElementById('ref-carousel');
logos.forEach(filename => {
const slide = document.createElement('div');
slide.className = "w-full md:w-1/5 shrink-0 bg-white p-4 rounded-lg border shadow-sm flex items-center justify-center";
slide.innerHTML = `<img src="/images/referanslar/${filename}" alt="${filename}" class="h-10 grayscale hover:grayscale-0 transition" />`;
refCarousel.appendChild(slide);
});
let refOffset = 0;
const refStep = refCarousel.firstElementChild.offsetWidth + 24;
const refVisibleSlides = 5;
const refTotalSlides = refCarousel.children.length;
setInterval(() => {
refOffset += refStep * refVisibleSlides;
if (refOffset >= refStep * refTotalSlides) refOffset = 0;
refCarousel.scrollTo({ left: refOffset, behavior: 'smooth' });
}, 4000);
</script>
<script>
anime({
targets: '#hero-title',
opacity: [0, 1],
translateY: [-50, 0],
duration: 1000,
easing: 'easeOutExpo',
delay: 100
});
anime({
targets: '#hero-sub',
opacity: [0, 1],
translateY: [-30, 0],
duration: 900,
easing: 'easeOutExpo',
delay: 300
});
</script>
</main>
<footer b-lr48juu839 class="bg-gray-100 py-16 border-t">
<div b-lr48juu839 class="max-w-7xl mx-auto px-6">
<div b-lr48juu839 class="grid md:grid-cols-4 gap-8">
<div b-lr48juu839>
<h3 b-lr48juu839 class="text-xl font-bold text-gray-700 mb-2">Finex Teknoloji</h3>
<p b-lr48juu839 class="text-sm text-gray-600">2018'den bu yana yazılım, mobil uygulama ve dijital pazarlama hizmetleri sunuyoruz.</p>
</div>
<div b-lr48juu839>
<h4 b-lr48juu839 class="text-sm font-semibold text-gray-700 mb-2">Bağlantılar</h4>
<ul b-lr48juu839 class="text-sm space-y-1">
<li b-lr48juu839><a b-lr48juu839 href="/" class="text-gray-600 hover:text-indigo-600">Anasayfa</a></li>
<li b-lr48juu839><a b-lr48juu839 href="/hakkimizda" class="text-gray-600 hover:text-indigo-600">Hakkımızda</a></li>
<li b-lr48juu839><a b-lr48juu839 href="/iletisim" class="text-gray-600 hover:text-indigo-600">İletişim</a></li>
</ul>
</div>
<div b-lr48juu839>
<h4 b-lr48juu839 class="text-sm font-semibold text-gray-700 mb-2">Bültene Abone Ol</h4>
<form class="flex flex-col gap-3">
<input b-lr48juu839 type="email" placeholder="E-posta adresiniz" class="w-full px-4 py-2 rounded-lg border border-gray-300 focus:ring-2 focus:ring-indigo-500 focus:outline-none">
<button b-lr48juu839 type="submit" class="w-full px-4 py-2 bg-indigo-600 text-white rounded-lg hover:bg-indigo-700 transition">Abone Ol</button>
</form>
</div>
<div b-lr48juu839>
<h4 b-lr48juu839 class="text-sm font-semibold text-gray-700 mb-2">Bizi Takip Edin</h4>
<div b-lr48juu839 class="flex space-x-4">
<a b-lr48juu839 href="#" class="text-gray-500 hover:text-indigo-600"><i b-lr48juu839 class="fab fa-facebook-f"></i></a>
<a b-lr48juu839 href="#" class="text-gray-500 hover:text-indigo-600"><i b-lr48juu839 class="fab fa-twitter"></i></a>
<a b-lr48juu839 href="#" class="text-gray-500 hover:text-indigo-600"><i b-lr48juu839 class="fab fa-instagram"></i></a>
<a b-lr48juu839 href="#" class="text-gray-500 hover:text-indigo-600"><i b-lr48juu839 class="fab fa-linkedin"></i></a>
</div>
</div>
</div>
<div b-lr48juu839 class="mt-10 text-center text-xs text-gray-400">© 2025 Finex Teknoloji. Tüm hakları saklıdır.</div>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/preline@latest/dist/preline.min.js"></script>
<script>
anime({
targets: '#main-header',
translateY: [-50, 0],
opacity: [0, 1],
easing: 'easeOutExpo',
duration: 1000
});
</script>
<!-- Mega Menü Dışına Tıklayınca Kapanması İçin JS -->
<script>
document.addEventListener("DOMContentLoaded", function () {
const dropdownToggles = document.querySelectorAll(".hs-dropdown-toggle");
const dropdownMenus = document.querySelectorAll(".hs-dropdown-menu");
dropdownToggles.forEach((toggle, index) => {
toggle.addEventListener("click", function (e) {
e.stopPropagation();
const menu = dropdownMenus[index];
const isHidden = menu.classList.contains("hidden");
// Hepsini kapat
dropdownMenus.forEach(m => m.classList.add("hidden"));
// Eğer tıklanan menü önceden kapalıysa, aç
if (isHidden) {
menu.classList.remove("hidden");
}
});
});
document.addEventListener("click", function () {
dropdownMenus.forEach(menu => menu.classList.add("hidden"));
});
});
</script>
</body>
</html>