Sunucu yanıtını kontrol edin
Sunucu yanıtı
NS kayıtları
Whois alanı
301 Moved Permanently - mikpa.com
HTTP Status: 301
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
Date: Wed, 28 May 2025 07:38:38 GMT
Content-Type: text/html
Content-Length: 167
Connection: keep-alive
Cache-Control: max-age=3600
Expires: Wed, 28 May 2025 08:38:38 GMT
Location: https://mikpa.com/
Report-To: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v4?s=IHFakLMqJwFmNFkmCKkt6NZwFQxzjq5L5MJxg5uJJ5ZEusH78ETfkNaV3kDWeNbGB3MaLG3j8z8x%2B9AbIWLgPdOoGvOPYQPf%2B%2BzjZKZEnAhvCDQAu4NkQAqaCB7z29KQVJxy%2BTYSsaY%3D"}],"group":"cf-nel","max_age":604800}
NEL: {"success_fraction":0,"report_to":"cf-nel","max_age":604800}
Server: cloudflare
CF-RAY: 946c17f5ee964175-HAM
alt-svc: h3=":443"; ma=86400
server-timing: cfL4;desc="?proto=TCP&rtt=33117&min_rtt=33117&rtt_var=16558&sent=1&recv=3&lost=0&retrans=0&sent_bytes=0&recv_bytes=165&delivery_rate=0&cwnd=249&unsent_bytes=0&cid=0000000000000000&ts=0&x=0"
date: Wed, 28 May 2025 07:38:38 GMT
content-type: text/html; charset=UTF-8
server: cloudflare
nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
x-powered-by: PHP/8.2.27
cache-control: max-age=0, must-revalidate, no-cache, no-store, private
pragma: no-cache
expires: Fri, 01 Jan 1990 00:00:00 GMT
vary: Accept-Encoding
cf-cache-status: DYNAMIC
report-to: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=rh5JEW3JvEJ6rWhHEuno7ZI808mvv2j5PZ5TwC0%2FauCLKyP7oUluD%2Brfv2bYAnWde5YXzA919T2Q3GizxeEDUFMCpkDAFix8rcqpeiU4J2LJ27U%3D"}]}
set-cookie: XSRF-TOKEN=eyJpdiI6InZpRlYzWG80cXBGN2hoS1RZWWlPWUE9PSIsInZhbHVlIjoiNk5kUTk5WGdyMG5uZk91V2tQNDc4YWJTU1l6eVdMMDA5Q0RKcVFyZEJUWXBhZjQ3SHhiWU5MdnlhVjJwQWtmNVdjYUx1a0pkM3RCVW94V0twYnBpZWZlNXUyejJVbXgrTU42SkZSZ2NpaVIxVzdHSU5vbVMrWm8rVmV4VWxSRUsiLCJtYWMiOiI3MDZjMzkwYWNkZTQzMmYwYzljNjZmNzFhNTY4OTZiMDFiYmRkOTBkOGI2ODZmZDY5NTAzZGQxNWEwYTY3NzU4IiwidGFnIjoiIn0%3D; SameSite=Lax; Secure; Path=/; Max-Age=7200; Expires=Wed, 28 May 2025 09:38:38 GMT
set-cookie: mikpa_yazilim_session=eyJpdiI6InhwZXZ2cm0xSFVUYUczOHVkUHBSMGc9PSIsInZhbHVlIjoiWTRWc2xaaVVLcjhWYzlMWTYyNFFhMktPNGp1N3hCL0dkUUlmd2tUVXlkbVU4K0NSNG1KKzNCbit0bjg3M2tkVmZwR0ZqSnRVT0FiL0hDWS9UUHZBRWNlOU9XQlVOMkRmaUs1ZVFWT1g5dHFsY2hod3ovUGIrTzVkNFlwbG5KeUUiLCJtYWMiOiJmNTMyNmFlNzM5ZTJkNmY0MjdhYTRiZWYxZjY2M2NjY2MxMDg5OGRkZWFiYWU2OGViYjA3YmI0YjcwOGJmMmUzIiwidGFnIjoiIn0%3D; HttpOnly; SameSite=Lax; Secure; Path=/; Max-Age=7200; Expires=Wed, 28 May 2025 09:38:38 GMT
cf-ray: 946c17f6adaa62f0-HAM
alt-svc: h3=":443"; ma=86400
HTTP Kodu 301 Kalıcı Olarak Taşındı
301 durum kodu, istenen kaynağın kalıcı olarak yeni bir URL'ye taşındığı anlamına gelir. Gelecekteki tüm istekler yeni adresi kullanmalıdır.
Kod 301 ne zaman kullanılır?
- Bir web sitesi alan adını değiştirirken
- URL yapılarını değiştirirken
- SEO için yönlendirmeleri ayarlarken
Kod 301 kullanıcı için ne anlama geliyor?
Tarayıcı kullanıcıyı otomatik olarak yeni adrese yönlendirecek ve arama motorları dizinlerini güncelleyecektir.
GET / HTTP/1.1 Host: mikpa.com Accept: */* User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
<style>
@keyframes float {
0%, 100% { transform: translateY(0px); }
50% { transform: translateY(-10px); }
}
.animate-float {
animation: float 6s ease-in-out infinite;
}
</style>
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- SEO Component -->
<!-- Temel Meta Etiketleri -->
<title>Kurumsal Yazılım Hizmeti | E-Ticaret Yazılımları | Mikpa Yazılım</title>
<meta name="description" content="Mikpa Yazılım ile kurumsal yazılım çözümleri, web tasarım ve dijital pazarlama hizmetleri. 7/24 teknik destek ve %100 müşteri memnuniyeti garantisi.">
<meta name="keywords" content="kurumsal yazılım çözümleri, özel yazılım geliştirme, web tasarım, dijital pazarlama, seo hizmetleri, e-ticaret yazılımları, mobil uygulama geliştirme, mikpa yazılım">
<link rel="canonical" href="https://mikpa.com">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://mikpa.com">
<meta property="og:title" content="Kurumsal Yazılım Hizmeti | E-Ticaret Yazılımları">
<meta property="og:description" content="Mikpa Yazılım ile kurumsal yazılım çözümleri, web tasarım ve dijital pazarlama hizmetleri. 7/24 teknik destek ve %100 müşteri memnuniyeti garantisi.">
<meta property="og:image" content="https://mikpa.com/assets/images/og-default.jpg">
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://mikpa.com">
<meta name="twitter:title" content="Kurumsal Yazılım Hizmeti | E-Ticaret Yazılımları">
<meta name="twitter:description" content="Mikpa Yazılım ile kurumsal yazılım çözümleri, web tasarım ve dijital pazarlama hizmetleri. 7/24 teknik destek ve %100 müşteri memnuniyeti garantisi.">
<meta name="twitter:image" content="https://mikpa.com/assets/images/og-default.jpg">
<!-- Ek Meta Etiketleri -->
<meta name="robots" content="index, follow">
<meta name="author" content="Mikpa Yazılım">
<meta name="publisher" content="Mikpa Yazılım">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "Mikpa Yazılım",
"url": "https://mikpa.com",
"logo": "https://mikpa.com/assets/images/logo/logo.svg",
"description": "Mikpa Yazılım, kurumsal yazılım çözümleri ve dijital dönüşüm hizmetleri sunan yenilikçi bir teknoloji şirketidir.",
"sameAs": [
"https://facebook.com/mikpacom",
"https://twitter.com/mikpacom",
"https://instagram.com/mikpacom",
"https://linkedin.com/company/mikpa"
],
"contactPoint": {
"@type": "ContactPoint",
"telephone": "+90-850-532-4527",
"contactType": "customer service",
"availableLanguage": "Turkish"
},
"address": {
"@type": "PostalAddress",
"streetAddress": "Hacıilbey mahallesi Ali Hikmet Paşa caddesi No:27/C",
"addressLocality": "Balıkesir",
"addressRegion": "Balıkesir",
"postalCode": "10100",
"addressCountry": "TR"
}
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"url": "https://mikpa.com",
"name": "Mikpa Yazılım",
"description": "Kurumsal yazılım çözümleri ve dijital dönüşüm hizmetleri",
"potentialAction": {
"@type": "SearchAction",
"target": "https://mikpa.com/search?q={search_term_string}",
"query-input": "required name=search_term_string"
}
}
</script>
<!-- Schema section'ı ekleyelim -->
<!-- Favicon -->
<link rel="icon" type="image/svg+xml" href="https://mikpa.com/assets/images/logo/favicon.png">
<link rel="apple-touch-icon" href="https://mikpa.com/assets/images/logo/favicon.png">
<!-- Önce Livewire Styles -->
<!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}</style>
<!-- Sonra diğer CSS'ler -->
<link rel="preload" as="style" href="https://mikpa.com/build/assets/app-D16Osdos.css" /><link rel="modulepreload" href="https://mikpa.com/build/assets/app-BhwOpSWC.js" /><link rel="stylesheet" href="https://mikpa.com/build/assets/app-D16Osdos.css" data-navigate-track="reload" /><script type="module" src="https://mikpa.com/build/assets/app-BhwOpSWC.js" data-navigate-track="reload"></script>
<!-- jQuery CDN -->
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<style>
[x-cloak] { display: none !important; }
</style>
</head>
<body class="bg-gray-50">
<!-- Header -->
<header class="fixed top-0 left-0 w-full z-50 bg-white border-b border-gray-100">
<div class="container mx-auto px-6">
<nav class="flex items-center justify-between h-20">
<!-- Logo -->
<a href="https://mikpa.com" class="flex-shrink-0" wire:navigate>
<img src="https://mikpa.com/assets/images/logo/logo.svg" alt="Mikpa Logo" class="h-12">
</a>
<!-- Desktop Menu -->
<div class="hidden lg:flex items-center gap-8">
<a href="https://mikpa.com"
wire:navigate
class="active">
Anasayfa
</a>
<!-- Kurumsal Dropdown -->
<div class="relative group">
<button class="header-link flex items-center gap-1">
Kurumsal
<svg class="w-4 h-4 transition-transform group-hover:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
</svg>
</button>
<div class="absolute top-full left-0 w-72 bg-white shadow-lg rounded-xl py-3 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all">
<a href="https://mikpa.com/kurumsal/hakkimizda"
wire:navigate
class=" flex items-start gap-3 p-3 hover:bg-gray-50 transition-colors group/item">
<div class="w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center flex-shrink-0">
<svg class="w-5 h-5 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4" />
</svg>
</div>
<div class="flex-1">
<span class="text-gray-900 group-hover/item:text-primary transition-colors">Hakkımızda</span>
<p class="text-sm text-gray-600 mt-1">Şirket profili ve vizyonumuz</p>
</div>
</a>
<a href="https://mikpa.com/kurumsal/gizlilik-politikasi"
wire:navigate
class=" flex items-start gap-3 p-3 hover:bg-gray-50 transition-colors group/item">
<div class="w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center flex-shrink-0">
<svg class="w-5 h-5 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" />
</svg>
</div>
<div class="flex-1">
<span class="text-gray-900 group-hover/item:text-primary transition-colors">Gizlilik Politikası</span>
<p class="text-sm text-gray-600 mt-1">Veri güvenliği politikamız</p>
</div>
</a>
<a href="https://mikpa.com/kurumsal/cerez-politikasi"
wire:navigate
class=" flex items-start gap-3 p-3 hover:bg-gray-50 transition-colors group/item">
<div class="w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center flex-shrink-0">
<svg class="w-5 h-5 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z" />
</svg>
</div>
<div class="flex-1">
<span class="text-gray-900 group-hover/item:text-primary transition-colors">Çerez Politikası</span>
<p class="text-sm text-gray-600 mt-1">Çerez kullanım politikamız</p>
</div>
</a>
<a href="https://mikpa.com/kurumsal/kvkk"
wire:navigate
class=" flex items-start gap-3 p-3 hover:bg-gray-50 transition-colors group/item">
<div class="w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center flex-shrink-0">
<svg class="w-5 h-5 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 14v3m4-3v3m4-3v3M3 21h18M3 10h18M3 7l9-4 9 4M4 10h16v11H4V10z" />
</svg>
</div>
<div class="flex-1">
<span class="text-gray-900 group-hover/item:text-primary transition-colors">KVKK</span>
<p class="text-sm text-gray-600 mt-1">Kişisel verilerin korunması</p>
</div>
</a>
</div>
</div>
<!-- Hizmetlerimiz Dropdown -->
<div class="relative group">
<button class="header-link flex items-center gap-1">
Hizmetlerimiz
<svg class="w-4 h-4 transition-transform group-hover:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
</svg>
</button>
<div class="absolute top-full left-0 w-72 bg-white shadow-lg rounded-xl py-3 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all">
<!-- Yazılım Geliştirme -->
<a href="https://mikpa.com/hizmet/yazilim-gelistirme"
wire:navigate
class=" flex items-start gap-3 p-3 hover:bg-gray-50 transition-colors group/item">
<div class="w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center flex-shrink-0">
<svg class="w-5 h-5 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4" />
</svg>
</div>
<div class="flex-1">
<span class="text-gray-900 group-hover/item:text-primary transition-colors">Yazılım Geliştirme</span>
<p class="text-sm text-gray-600 mt-1">Kurumsal yazılım çözümleri</p>
</div>
</a>
<!-- Dijital Pazarlama -->
<a href="https://mikpa.com/hizmet/dijital-pazarlama"
wire:navigate
class=" flex items-start gap-3 p-3 hover:bg-gray-50 transition-colors group/item">
<div class="w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center flex-shrink-0">
<svg class="w-5 h-5 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z" />
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z" />
</svg>
</div>
<div class="flex-1">
<span class="text-gray-900 group-hover/item:text-primary transition-colors">Dijital Pazarlama</span>
<p class="text-sm text-gray-600 mt-1">Dijital pazarlama çözümleri</p>
</div>
</a>
<!-- SEO -->
<a href="https://mikpa.com/hizmet/seo"
wire:navigate
class=" flex items-start gap-3 p-3 hover:bg-gray-50 transition-colors group/item">
<div class="w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center flex-shrink-0">
<svg class="w-5 h-5 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
</svg>
</div>
<div class="flex-1">
<span class="text-gray-900 group-hover/item:text-primary transition-colors">SEO</span>
<p class="text-sm text-gray-600 mt-1">Arama motoru optimizasyonu</p>
</div>
</a>
</div>
</div>
<!-- Ürünlerimiz Dropdown -->
<div class="relative group">
<button class="header-link flex items-center gap-1">
Ürünlerimiz
<svg class="w-4 h-4 transition-transform group-hover:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
</svg>
</button>
<!-- Dropdown Menu -->
<div class="absolute top-full left-0 w-72 bg-white shadow-lg rounded-xl py-3 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all">
<a href="https://mikpa.com/urun/e-ticaret-yazilimi"
wire:navigate
class=" flex items-start gap-3 p-3 hover:bg-gray-50 transition-colors group/item">
<div class="w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center flex-shrink-0">
<svg class="w-5 h-5 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4" />
</svg>
</div>
<div class="flex-1">
<div class="flex items-center justify-between mb-1">
<span class="text-gray-900 group-hover/item:text-primary transition-colors">E-Ticaret</span>
<!-- İkas Badge -->
<span class="px-2 py-1 text-xs font-medium bg-green-100 text-green-800 rounded-full">İkas Partner</span>
</div>
<p class="text-sm text-gray-600 mt-1">Profesyonel E-Ticaret Yazılımı</p>
</div>
</a>
</div>
</div>
<a href="https://mikpa.com/iletisim" wire:navigate class="inline-flex items-center justify-center px-6 py-2 text-sm font-medium text-white bg-primary hover:bg-primary/90 rounded-lg transition-colors gap-2">
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z" />
</svg>
İletişim
</a>
</div>
<!-- Mobile Menu Button -->
<div class="lg:hidden flex items-center">
<!-- Hamburger Menu Button -->
<button class="w-10 h-10 flex items-center justify-center hover:bg-gray-100 rounded-lg"
type="button"
onclick="toggleMobileMenu()">
<div class="w-6 h-5 relative">
<span class="absolute w-full h-0.5 bg-gray-900 transform transition-all duration-300 origin-left"
id="line1"></span>
<span class="absolute w-full h-0.5 bg-gray-900 transform transition-all duration-300 origin-left top-1/2 -translate-y-1/2"
id="line2"></span>
<span class="absolute w-full h-0.5 bg-gray-900 transform transition-all duration-300 origin-left bottom-0"
id="line3"></span>
</div>
</button>
</div>
</nav>
</div>
<!-- Mobile Menu -->
<div id="mobileMenu" class="fixed inset-0 bg-white transform translate-x-full transition-transform duration-300 ease-in-out lg:hidden z-40">
<!-- Ana Menü -->
<div id="mainMenu" class="flex flex-col h-full">
<div class="flex items-center justify-between p-4 border-b">
<a href="https://mikpa.com" wire:navigate>
<img src="https://mikpa.com/assets/images/logo/logo.svg" alt="Mikpa Logo" class="h-10">
</a>
<button type="button" onclick="toggleMobileMenu()" class="p-2 hover:bg-gray-100 rounded-lg">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
</svg>
</button>
</div>
<div class="flex-1 px-4 py-6 overflow-y-auto">
<nav class="space-y-6">
<a href="https://mikpa.com"
wire:navigate
class="active block text-xl">
Anasayfa
</a>
<!-- Kurumsal Dropdown Butonu -->
<button onclick="showSubmenu('corporateMenu')"
class=" flex items-center justify-between w-full text-left text-xl text-gray-900 hover:text-primary transition-colors">
<span>Kurumsal</span>
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
</svg>
</button>
<button onclick="showSubmenu('servicesMenu')"
class=" flex items-center justify-between w-full text-left text-xl text-gray-900 hover:text-primary transition-colors">
<span>Hizmetlerimiz</span>
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
</svg>
</button>
<button onclick="showSubmenu('productsMenu')"
class=" flex items-center justify-between w-full text-left text-xl text-gray-900 hover:text-primary transition-colors">
<span>Ürünlerimiz</span>
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
</svg>
</button>
</nav>
</div>
<!-- Sabit Teklif Al Butonu -->
<div class="border-t p-4">
<a href="https://mikpa.com/iletisim"
wire:navigate
class="flex items-center justify-center w-full px-6 py-3 text-lg font-medium text-white bg-primary hover:bg-primary/90 rounded-xl transition-colors gap-2">
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z" />
</svg>
İletişim
</a>
</div>
</div>
<!-- Alt Menüler -->
<div class="relative">
<!-- Kurumsal Alt Menüsü -->
<div id="corporateMenu" class="absolute inset-0 bg-white transform translate-x-full transition-transform duration-300 opacity-0 pointer-events-none">
<div class="flex items-center h-16 px-4 border-b">
<button onclick="hideSubmenu('corporateMenu')" class="flex items-center text-gray-900 hover:text-primary">
<svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" />
</svg>
<span class="text-lg font-medium">Kurumsal</span>
</button>
</div>
<div class="px-4 py-6">
<nav class="space-y-6">
<!-- Hakkımızda -->
<a href="https://mikpa.com/kurumsal/hakkimizda"
wire:navigate
class="flex items-start gap-3 group">
<div class="w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center flex-shrink-0">
<svg class="w-5 h-5 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4" />
</svg>
</div>
<div class="flex-1">
<span class="text-gray-900 text-lg group-hover:text-primary transition-colors">Hakkımızda</span>
<p class="text-sm text-gray-600 mt-1">Şirket profili ve vizyonumuz</p>
</div>
</a>
<!-- Gizlilik Politikası -->
<a href="https://mikpa.com/kurumsal/gizlilik-politikasi"
wire:navigate
class="flex items-start gap-3 group">
<div class="w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center flex-shrink-0">
<svg class="w-5 h-5 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" />
</svg>
</div>
<div class="flex-1">
<span class="text-gray-900 text-lg group-hover:text-primary transition-colors">Gizlilik Politikası</span>
<p class="text-sm text-gray-600 mt-1">Veri güvenliği politikamız</p>
</div>
</a>
<!-- Çerez Politikası -->
<a href="https://mikpa.com/kurumsal/cerez-politikasi"
wire:navigate
class="flex items-start gap-3 group">
<div class="w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center flex-shrink-0">
<svg class="w-5 h-5 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z" />
</svg>
</div>
<div class="flex-1">
<span class="text-gray-900 text-lg group-hover:text-primary transition-colors">Çerez Politikası</span>
<p class="text-sm text-gray-600 mt-1">Çerez kullanım politikamız</p>
</div>
</a>
<!-- KVKK -->
<a href="https://mikpa.com/kurumsal/kvkk"
wire:navigate
class="flex items-start gap-3 group">
<div class="w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center flex-shrink-0">
<svg class="w-5 h-5 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 14v3m4-3v3m4-3v3M3 21h18M3 10h18M3 7l9-4 9 4M4 10h16v11H4V10z" />
</svg>
</div>
<div class="flex-1">
<span class="text-gray-900 text-lg group-hover:text-primary transition-colors">KVKK</span>
<p class="text-sm text-gray-600 mt-1">Kişisel verilerin korunması</p>
</div>
</a>
</nav>
</div>
</div>
<!-- Hizmetler Alt Menüsü -->
<div id="servicesMenu" class="absolute inset-0 bg-white transform translate-x-full transition-transform duration-300 opacity-0 pointer-events-none">
<div class="flex items-center h-16 px-4 border-b">
<button onclick="hideSubmenu('servicesMenu')" class="flex items-center text-gray-900 hover:text-primary">
<svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" />
</svg>
<span class="text-lg font-medium">Hizmetlerimiz</span>
</button>
</div>
<div class="px-4 py-6">
<nav class="space-y-6">
<!-- Yazılım Geliştirme -->
<a href="https://mikpa.com/hizmet/yazilim-gelistirme"
wire:navigate
class="flex items-start gap-3 group">
<div class="w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center flex-shrink-0">
<svg class="w-5 h-5 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4" />
</svg>
</div>
<div class="flex-1">
<span class="text-gray-900 text-lg group-hover:text-primary transition-colors">Yazılım Geliştirme</span>
<p class="text-sm text-gray-600 mt-1">Kurumsal yazılım çözümleri</p>
</div>
</a>
<!-- Dijital Pazarlama -->
<a href="https://mikpa.com/hizmet/dijital-pazarlama"
wire:navigate
class="flex items-start gap-3 group">
<div class="w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center flex-shrink-0">
<svg class="w-5 h-5 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z" />
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z" />
</svg>
</div>
<div class="flex-1">
<span class="text-gray-900 text-lg group-hover:text-primary transition-colors">Dijital Pazarlama</span>
<p class="text-sm text-gray-600 mt-1">Dijital pazarlama çözümleri</p>
</div>
</a>
<!-- SEO -->
<a href="https://mikpa.com/hizmet/seo"
wire:navigate
class="flex items-start gap-3 group">
<div class="w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center flex-shrink-0">
<svg class="w-5 h-5 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
</svg>
</div>
<div class="flex-1">
<span class="text-gray-900 text-lg group-hover:text-primary transition-colors">SEO</span>
<p class="text-sm text-gray-600 mt-1">Arama motoru optimizasyonu</p>
</div>
</a>
</nav>
</div>
</div>
<!-- Ürünler Alt Menüsü -->
<div id="productsMenu" class="absolute inset-0 bg-white transform translate-x-full transition-transform duration-300 opacity-0 pointer-events-none">
<div class="flex items-center h-16 px-4 border-b">
<button onclick="hideSubmenu('productsMenu')" class="flex items-center text-gray-900 hover:text-primary">
<svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" />
</svg>
<span class="text-lg font-medium">Ürünlerimiz</span>
</button>
</div>
<div class="px-4 py-6">
<nav class="space-y-6">
<!-- Mikepin - Disabled -->
<a href="https://mikpa.com/urun/e-ticaret-yazilimi"
wire:navigate
class="flex items-start gap-3 group">
<div class="w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center flex-shrink-0">
<svg class="w-5 h-5 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4" />
</svg>
</div>
<div class="flex-1">
<div class="flex items-center justify-between mb-1">
<span class="text-gray-900 group-hover/item:text-primary transition-colors">E-Ticaret</span>
<!-- İkas Badge -->
<span class="px-2 py-1 text-xs font-medium bg-green-100 text-green-800 rounded-full">İkas Partner</span>
</div>
<p class="text-sm text-gray-600 mt-1">Profesyonel E-Ticaret Yazılımı</p>
</div>
</a>
</nav>
</div>
</div>
</div>
</div>
</header>
<main class="pt-16">
<!-- Hero Section -->
<section class="bg-gradient-to-br from-gray-50 via-gray-50 to-primary/5">
<div class="container mx-auto px-6">
<div class="grid grid-cols-1 lg:grid-cols-2 gap-16 py-24">
<!-- Sol Taraf -->
<div class="space-y-8 text-center lg:text-left">
<!-- Badge -->
<div class="flex justify-center lg:block">
<div class="inline-flex items-center space-x-2 bg-primary/5 rounded-full px-4 py-2">
<span class="text-sm font-medium text-primary"><b>PROFESYONEL ÇÖZÜMLER</b></span>
</div>
</div>
<!-- Hero Başlık -->
<h1 class="text-4xl lg:text-5xl font-extrabold text-gray-900">
Yenilikçi Çözüm<br/>
<span class="text-primary">Sürdürülebilir Başarı</span>
</h1>
<!-- Öne Çıkan Açıklama -->
<p class="text-lg text-gray-600 font-normal">
Modern teknolojiler ve çevik metodolojiler ile işletmenize özel yazılım çözümleri geliştiriyoruz.
Ölçeklenebilir, güvenli ve yüksek performanslı uygulamalar sunuyoruz.
</p>
<!-- Buttons -->
<div class="flex flex-wrap gap-4 justify-center lg:justify-start">
<a href="https://mikpa.com/hizmetlerimiz" wire:navigate class="bg-primary text-white px-6 py-2 rounded-lg font-medium hover:bg-primary/90">
Hizmetlerimiz
</a>
<a href="https://mikpa.com/iletisim" wire:navigate class="bg-white text-gray-700 px-6 py-2 rounded-lg font-medium border hover:bg-gray-50">
İletişim
</a>
</div>
</div>
<!-- Sağ Taraf -->
<div class="relative hidden lg:block">
<div class="relative w-full h-full flex items-center justify-center">
<!-- 3D Image Container -->
<div class="relative w-[500px] -ml-8">
<img
src="https://mikpa.com/assets/images/3d/hero-bg.png"
alt="3D Illustration"
class="w-full h-auto"
/>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Hizmet Detay Kartları -->
<section class="py-12 lg:py-16 bg-gray-50/50">
<div class="container mx-auto px-4 lg:px-6">
<!-- Başlık Alanı -->
<div class="relative text-center max-w-3xl mx-auto mb-8 lg:mb-16">
<!-- Badge -->
<div class="inline-flex items-center justify-center gap-2 py-2 px-4 mb-3 lg:mb-4 bg-primary/5 rounded-full">
<span class="text-sm font-medium tracking-wider text-primary"><b>ÇÖZÜMLERİMİZ</b></span>
</div>
<!-- Bölüm Başlığı -->
<h2 class="text-2xl lg:text-3xl font-bold text-gray-900 mb-3 lg:mb-5 leading-tight">
Neler Yapıyoruz?
</h2>
<!-- Öne Çıkan Açıklama -->
<p class="text-base lg:text-lg font-normal text-gray-600 max-w-2xl mx-auto">
Modern teknolojiler ve yenilikçi yaklaşımlarla işletmenizi
dijital dünyada bir adım öne taşıyoruz.
</p>
<div class="absolute -z-10 start-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2">
<div class="size-[300px] lg:size-[500px] rounded-full bg-primary/5 blur-3xl"></div>
</div>
</div>
<!-- Kartlar -->
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
<!-- Yazılım Geliştirme -->
<div class="group rounded-xl shadow bg-white p-6 relative overflow-hidden h-fit hover:shadow-lg transition-all">
<div class="flex items-center justify-center size-14 -rotate-45 bg-gradient-to-r from-transparent to-primary/10 text-primary text-center rounded-full group-hover:bg-primary/10 duration-500">
<svg class="w-6 h-6 rotate-45" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4" />
</svg>
</div>
<div class="card-content mt-6 relative z-1">
<a href="https://mikpa.com/hizmet/yazilim-gelistirme" wire:navigate class="text-lg lg:text-xl font-semibold text-gray-900 hover:text-primary transition-colors">Yazılım Geliştirme</a>
<p class="text-base font-normal text-gray-600 leading-relaxed mt-3">Modern teknolojiler kullanarak işletmeniz için özel web uygulamaları, e-ticaret sistemleri ve kurumsal yazılımlar geliştiriyoruz.</p>
<div class="mt-6">
<a href="https://mikpa.com/hizmet/yazilim-gelistirme" wire:navigate
class="group inline-flex items-center gap-1.5 text-base font-medium text-primary hover:text-primary/80 transition-colors">
<span>Detaylı Bilgi</span>
<svg xmlns="http://www.w3.org/2000/svg"
class="w-5 h-5 transition-transform duration-150 ease-in-out group-hover:translate-x-1"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor">
<path stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M4 12h16m-7-7l7 7-7 7"/>
</svg>
</a>
</div>
</div>
<div class="absolute bottom-0 -end-16">
<svg class="w-48 h-48 text-primary opacity-[0.04] group-hover:opacity-10 duration-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4" />
</svg>
</div>
</div>
<!-- Dijital Pazarlama -->
<div class="group rounded-xl shadow bg-white p-6 relative overflow-hidden h-fit hover:shadow-lg transition-all">
<div class="flex items-center justify-center size-14 -rotate-45 bg-gradient-to-r from-transparent to-primary/10 text-primary text-center rounded-full group-hover:bg-primary/10 duration-500">
<svg class="w-6 h-6 rotate-45" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z" />
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z" />
</svg>
</div>
<div class="card-content mt-6 relative z-1">
<a href="https://mikpa.com/hizmet/dijital-pazarlama" wire:navigate class="text-lg lg:text-xl font-semibold text-gray-900 hover:text-primary transition-colors">Dijital Pazarlama</a>
<p class="text-base font-normal text-gray-600 leading-relaxed mt-3">Markanızı dijital dünyada öne çıkaracak stratejiler geliştiriyoruz. Sosyal medya yönetimi ve içerik pazarlaması hizmetleri sunuyoruz.</p>
<div class="mt-6">
<a href="https://mikpa.com/hizmet/dijital-pazarlama" wire:navigate
class="group inline-flex items-center gap-1.5 text-base font-medium text-primary hover:text-primary/80 transition-colors">
<span>Detaylı Bilgi</span>
<svg xmlns="http://www.w3.org/2000/svg"
class="w-5 h-5 transition-transform duration-150 ease-in-out group-hover:translate-x-1"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor">
<path stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M4 12h16m-7-7l7 7-7 7"/>
</svg>
</a>
</div>
</div>
<div class="absolute bottom-0 -end-16">
<svg class="w-48 h-48 text-primary opacity-[0.04] group-hover:opacity-10 duration-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z" />
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z" />
</svg>
</div>
</div>
<!-- SEO -->
<div class="group rounded-xl shadow bg-white p-6 relative overflow-hidden h-fit hover:shadow-lg transition-all">
<div class="flex items-center justify-center size-14 -rotate-45 bg-gradient-to-r from-transparent to-primary/10 text-primary text-center rounded-full group-hover:bg-primary/10 duration-500">
<svg class="w-6 h-6 rotate-45" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
</svg>
</div>
<div class="card-content mt-6 relative z-1">
<a href="https://mikpa.com/hizmet/seo" wire:navigate class="text-lg lg:text-xl font-semibold text-gray-900 hover:text-primary transition-colors">SEO Optimizasyonu</a>
<p class="text-base font-normal text-gray-600 leading-relaxed mt-3">Web sitenizin arama motorlarında üst sıralarda yer alması için teknik SEO ve içerik optimizasyonu hizmetleri sunuyoruz.</p>
<div class="mt-6">
<a href="https://mikpa.com/hizmet/seo" wire:navigate
class="group inline-flex items-center gap-1.5 text-base font-medium text-primary hover:text-primary/80 transition-colors">
<span>Detaylı Bilgi</span>
<svg xmlns="http://www.w3.org/2000/svg"
class="w-5 h-5 transition-transform duration-150 ease-in-out group-hover:translate-x-1"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor">
<path stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M4 12h16m-7-7l7 7-7 7"/>
</svg>
</a>
</div>
</div>
<div class="absolute bottom-0 -end-16">
<svg class="w-48 h-48 text-primary opacity-[0.04] group-hover:opacity-10 duration-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
</svg>
</div>
</div>
</div>
</div>
</section>
<!-- Öne Çıkan Ürün -->
<section class="relative py-12 lg:py-16 overflow-hidden">
<!-- Arkaplan Deseni -->
<div class="absolute inset-0 bg-gray-50">
<div class="absolute inset-0" style="background-image: radial-gradient(#EA5501 0.25px, transparent 0.25px); background-size: 32px 32px; opacity: 0.3;"></div>
</div>
<div class="container mx-auto px-4 lg:px-6 relative">
<!-- Başlık Alanı -->
<div class="text-center max-w-2xl mx-auto mb-8 lg:mb-16">
<!-- Badge -->
<div class="inline-flex items-center justify-center gap-2 py-2 px-4 mb-3 lg:mb-4 bg-primary/5 rounded-full">
<span class="text-sm font-medium tracking-wider text-primary"><b>E-TİCARET ÇÖZÜMLERİMİZ</b></span>
</div>
<!-- Bölüm Başlığı -->
<h2 class="text-2xl lg:text-3xl font-bold text-gray-900 mb-3 lg:mb-5 leading-tight">
E-Ticaret Sitenizi Kurun
</h2>
<!-- Öne Çıkan Açıklama -->
<p class="text-base lg:text-lg font-normal text-gray-600">
Türkiye'nin en hızlı e-ticaret altyapısı ile tanışın. Gelişmiş özellikler ve kolay kullanım.
</p>
</div>
<!-- Ürün Kartı -->
<div class="relative bg-white rounded-3xl shadow-2xl overflow-hidden max-w-6xl mx-auto">
<div class="grid md:grid-cols-2">
<!-- Sol Taraf - Görsel -->
<div class="relative">
<!-- Ana Görsel -->
<div class="relative aspect-[4/3] md:aspect-auto md:h-full">
<img
src="https://mikpa.com/assets/images/ecommerce/featured-product.jpg"
alt="ETicaret Yazılımı"
class="w-full h-full object-cover"
>
<!-- Gradient Overlay -->
<div class="absolute inset-0 bg-gradient-to-r from-black/50 to-transparent"></div>
</div>
<!-- Özellik Rozetleri -->
<div class="absolute bottom-6 left-6 flex gap-3">
<div class="bg-primary/90 backdrop-blur-sm rounded-xl py-2 px-4">
<span class="text-sm font-medium text-white">7/24 Destek</span>
</div>
<div class="bg-primary/90 backdrop-blur-sm rounded-xl py-2 px-4">
<span class="text-sm font-medium text-white">Kolay Kullanım</span>
</div>
</div>
</div>
<!-- Sağ Taraf - İçerik -->
<div class="p-6 lg:p-10 flex flex-col justify-between bg-gray-50/50">
<div>
<div class="border-b pb-6 mb-6">
<h3 class="text-xl lg:text-2xl font-semibold text-gray-900 mb-3">
E-Ticaret ile işinizi büyütün
</h3>
<p class="text-base font-normal text-gray-600">
Tüm ihtiyaçlarınız için eksiksiz e-ticaret çözümü. Sınırsız ürün, kategori ve
entegrasyon imkanları ile işinizi büyütün.
</p>
</div>
<!-- Özellik Listesi -->
<div class="space-y-4">
<div class="flex items-center gap-3">
<div class="w-5 h-5 rounded-full bg-primary/10 flex items-center justify-center flex-shrink-0">
<svg class="w-3 h-3 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
</svg>
</div>
<span class="text-base font-normal text-gray-700">Sınırsız Ürün ve Kategori</span>
</div>
<div class="flex items-center gap-3">
<div class="w-5 h-5 rounded-full bg-primary/10 flex items-center justify-center flex-shrink-0">
<svg class="w-3 h-3 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
</svg>
</div>
<span class="text-base font-normal text-gray-700">26+ Pazaryeri Entegrasyonu</span>
</div>
<div class="flex items-center gap-3">
<div class="w-5 h-5 rounded-full bg-primary/10 flex items-center justify-center flex-shrink-0">
<svg class="w-3 h-3 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
</svg>
</div>
<span class="text-base font-normal text-gray-700">Gelişmiş SEO Altyapısı</span>
</div>
<div class="flex items-center gap-3">
<div class="w-5 h-5 rounded-full bg-primary/10 flex items-center justify-center flex-shrink-0">
<svg class="w-3 h-3 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
</svg>
</div>
<span class="text-base font-normal text-gray-700">Tek Sayfada Hızlı Ödeme</span>
</div>
</div>
</div>
<!-- Alt Alan - CTA -->
<div class="flex items-center justify-end mt-6 pt-6 border-t">
<a href="https://mikpa.com/urun/e-ticaret-yazilimi"
wire:navigate
class="group w-full lg:w-auto h-10 inline-flex items-center justify-center px-6 bg-primary text-white text-base font-medium rounded-lg hover:bg-primary/90 transition-colors">
<span>Detaylı İncele</span>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Proje Sürecimiz Section -->
<section class="py-16 lg:py-24 bg-gray-50/50">
<div class="container mx-auto px-4 lg:px-6">
<!-- Section Başlık -->
<div class="text-center max-w-2xl mx-auto mb-12 lg:mb-16">
<!-- Badge -->
<div class="inline-flex items-center justify-center gap-2 py-2 px-4 mb-3 lg:mb-4 bg-primary/5 rounded-full">
<span class="text-sm font-medium tracking-wider text-primary"><b>ÇALIŞMA METODOLOJİMİZ</b></span>
</div>
<h2 class="text-2xl lg:text-3xl font-bold text-gray-900 mb-3 lg:mb-5 leading-tight">
Yazılım Geliştirme Süreci
</h2>
<p class="text-base lg:text-lg font-normal text-gray-600">
Uluslararası standartlara uygun metodolojimiz ile kurumsal yazılım projelerinizi planlı ve sistematik bir şekilde yönetiyoruz
</p>
</div>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
<!-- Sol Taraf - Süreç Adımları -->
<div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
<!-- Keşif & Analiz -->
<div class="bg-white p-6 rounded-2xl shadow-sm hover:shadow-lg transition-all duration-300">
<div class="flex items-center gap-4 mb-4">
<div class="w-12 h-12 bg-primary/10 rounded-xl flex items-center justify-center">
<svg class="w-6 h-6 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
</svg>
</div>
<h3 class="text-lg font-bold text-gray-900">Keşif & Analiz</h3>
</div>
<p class="text-gray-600">Kapsamlı iş analizi ve gereksinim yönetimi</p>
<ul class="mt-4 space-y-2">
<li class="flex items-center gap-3">
<div class="w-5 h-5 rounded-lg bg-primary/10 flex items-center justify-center flex-shrink-0">
<svg class="w-3 h-3 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
</svg>
</div>
<span class="text-sm font-medium text-gray-700">İş süreçleri analizi</span>
</li>
<li class="flex items-center gap-3">
<div class="w-5 h-5 rounded-lg bg-primary/10 flex items-center justify-center flex-shrink-0">
<svg class="w-3 h-3 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
</svg>
</div>
<span class="text-sm font-medium text-gray-700">Paydaş görüşmeleri</span>
</li>
<li class="flex items-center gap-3">
<div class="w-5 h-5 rounded-lg bg-primary/10 flex items-center justify-center flex-shrink-0">
<svg class="w-3 h-3 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
</svg>
</div>
<span class="text-sm font-medium text-gray-700">Fizibilite çalışması</span>
</li>
</ul>
</div>
<!-- Tasarım & Planlama -->
<div class="bg-white p-6 rounded-2xl shadow-sm hover:shadow-lg transition-all duration-300">
<div class="flex items-center gap-4 mb-4">
<div class="w-12 h-12 bg-primary/10 rounded-xl flex items-center justify-center">
<svg class="w-6 h-6 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z" />
</svg>
</div>
<h3 class="text-lg font-bold text-gray-900">Tasarım & Planlama</h3>
</div>
<p class="text-gray-600">Sistem mimarisi ve proje planlaması</p>
<ul class="mt-4 space-y-2">
<li class="flex items-center gap-3">
<div class="w-5 h-5 rounded-lg bg-primary/10 flex items-center justify-center flex-shrink-0">
<svg class="w-3 h-3 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
</svg>
</div>
<span class="text-sm font-medium text-gray-700">Teknik mimari tasarım</span>
</li>
<li class="flex items-center gap-3">
<div class="w-5 h-5 rounded-lg bg-primary/10 flex items-center justify-center flex-shrink-0">
<svg class="w-3 h-3 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
</svg>
</div>
<span class="text-sm font-medium text-gray-700">Sprint planlaması</span>
</li>
<li class="flex items-center gap-3">
<div class="w-5 h-5 rounded-lg bg-primary/10 flex items-center justify-center flex-shrink-0">
<svg class="w-3 h-3 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
</svg>
</div>
<span class="text-sm font-medium text-gray-700">Kaynak planlaması</span>
</li>
</ul>
</div>
<!-- Geliştirme & Test -->
<div class="bg-white p-6 rounded-2xl shadow-sm hover:shadow-lg transition-all duration-300">
<div class="flex items-center gap-4 mb-4">
<div class="w-12 h-12 bg-primary/10 rounded-xl flex items-center justify-center">
<svg class="w-6 h-6 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4" />
</svg>
</div>
<h3 class="text-lg font-bold text-gray-900">Geliştirme & Test</h3>
</div>
<p class="text-gray-600">Çevik geliştirme ve kalite güvence</p>
<ul class="mt-4 space-y-2">
<li class="flex items-center gap-3">
<div class="w-5 h-5 rounded-lg bg-primary/10 flex items-center justify-center flex-shrink-0">
<svg class="w-3 h-3 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
</svg>
</div>
<span class="text-sm font-medium text-gray-700">Sürekli entegrasyon</span>
</li>
<li class="flex items-center gap-3">
<div class="w-5 h-5 rounded-lg bg-primary/10 flex items-center justify-center flex-shrink-0">
<svg class="w-3 h-3 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
</svg>
</div>
<span class="text-sm font-medium text-gray-700">Otomatik testler</span>
</li>
<li class="flex items-center gap-3">
<div class="w-5 h-5 rounded-lg bg-primary/10 flex items-center justify-center flex-shrink-0">
<svg class="w-3 h-3 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
</svg>
</div>
<span class="text-sm font-medium text-gray-700">Kod kalite kontrolü</span>
</li>
</ul>
</div>
<!-- Deployment & Destek -->
<div class="bg-white p-6 rounded-2xl shadow-sm hover:shadow-lg transition-all duration-300">
<div class="flex items-center gap-4 mb-4">
<div class="w-12 h-12 bg-primary/10 rounded-xl flex items-center justify-center">
<svg class="w-6 h-6 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z" />
</svg>
</div>
<h3 class="text-lg font-bold text-gray-900">Deployment & Destek</h3>
</div>
<p class="text-gray-600">Canlıya alma ve sürekli destek</p>
<ul class="mt-4 space-y-2">
<li class="flex items-center gap-3">
<div class="w-5 h-5 rounded-lg bg-primary/10 flex items-center justify-center flex-shrink-0">
<svg class="w-3 h-3 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
</svg>
</div>
<span class="text-sm font-medium text-gray-700">Otomatik deployment</span>
</li>
<li class="flex items-center gap-3">
<div class="w-5 h-5 rounded-lg bg-primary/10 flex items-center justify-center flex-shrink-0">
<svg class="w-3 h-3 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
</svg>
</div>
<span class="text-sm font-medium text-gray-700">Performans izleme</span>
</li>
<li class="flex items-center gap-3">
<div class="w-5 h-5 rounded-lg bg-primary/10 flex items-center justify-center flex-shrink-0">
<svg class="w-3 h-3 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
</svg>
</div>
<span class="text-sm font-medium text-gray-700">7/24 teknik destek</span>
</li>
</ul>
</div>
</div>
<!-- Sağ Taraf - Teknoloji Stack -->
<div class="bg-gray-900 p-8 rounded-2xl">
<div class="space-y-6">
<div class="flex items-center gap-3 mb-8">
<div class="w-10 h-10 bg-primary/10 rounded-xl flex items-center justify-center">
<svg class="w-6 h-6 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4" />
</svg>
</div>
<h3 class="text-2xl font-bold text-white">Teknoloji Stack</h3>
</div>
<div class="grid grid-cols-2 gap-6">
<!-- Backend -->
<div class="space-y-4">
<div class="flex items-center gap-2">
<svg class="w-5 h-5 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14M5 12a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v4a2 2 0 01-2 2M5 12a2 2 0 00-2 2v4a2 2 0 002 2h14a2 2 0 002-2v-4a2 2 0 00-2-2m-2-4h.01M17 16h.01" />
</svg>
<h4 class="text-lg font-medium text-white">Backend</h4>
</div>
<div class="flex flex-wrap gap-3">
<div class="bg-white/5 px-3 py-1 rounded-full text-sm text-gray-300">Laravel</div>
<div class="bg-white/5 px-3 py-1 rounded-full text-sm text-gray-300">Node.js</div>
<div class="bg-white/5 px-3 py-1 rounded-full text-sm text-gray-300">Express.js</div>
<div class="bg-white/5 px-3 py-1 rounded-full text-sm text-gray-300">Python</div>
</div>
</div>
<!-- Frontend -->
<div class="space-y-4">
<div class="flex items-center gap-2">
<svg class="w-5 h-5 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
</svg>
<h4 class="text-lg font-medium text-white">Frontend</h4>
</div>
<div class="flex flex-wrap gap-3">
<div class="bg-white/5 px-3 py-1 rounded-full text-sm text-gray-300">React JS</div>
<div class="bg-white/5 px-3 py-1 rounded-full text-sm text-gray-300">Vue JS</div>
<div class="bg-white/5 px-3 py-1 rounded-full text-sm text-gray-300">Next JS</div>
<div class="bg-white/5 px-3 py-1 rounded-full text-sm text-gray-300">TypeScript</div>
<div class="bg-white/5 px-3 py-1 rounded-full text-sm text-gray-300">Tailwind CSS</div>
</div>
</div>
<!-- Database -->
<div class="space-y-4">
<div class="flex items-center gap-2">
<svg class="w-5 h-5 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 7v10c0 2.21 3.582 4 8 4s8-1.79 8-4V7M4 7c0 2.21 3.582 4 8 4s8-1.79 8-4M4 7c0-2.21 3.582-4 8-4s8 1.79 8 4m0 5c0 2.21-3.582 4-8 4s-8-1.79-8-4" />
</svg>
<h4 class="text-lg font-medium text-white">Database</h4>
</div>
<div class="flex flex-wrap gap-3">
<div class="bg-white/5 px-3 py-1 rounded-full text-sm text-gray-300">MySQL</div>
<div class="bg-white/5 px-3 py-1 rounded-full text-sm text-gray-300">PostgreSQL</div>
<div class="bg-white/5 px-3 py-1 rounded-full text-sm text-gray-300">MongoDB</div>
<div class="bg-white/5 px-3 py-1 rounded-full text-sm text-gray-300">Redis</div>
</div>
</div>
<!-- DevOps & Cloud -->
<div class="space-y-4">
<div class="flex items-center gap-2">
<svg class="w-5 h-5 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 15a4 4 0 004 4h9a5 5 0 10-.1-9.999 5.002 5.002 0 10-9.78 2.096A4.001 4.001 0 003 15z" />
</svg>
<h4 class="text-lg font-medium text-white">DevOps & Cloud</h4>
</div>
<div class="flex flex-wrap gap-3">
<div class="bg-white/5 px-3 py-1 rounded-full text-sm text-gray-300">Docker</div>
<div class="bg-white/5 px-3 py-1 rounded-full text-sm text-gray-300">AWS</div>
<div class="bg-white/5 px-3 py-1 rounded-full text-sm text-gray-300">Google Cloud</div>
</div>
</div>
<!-- Testing & Quality -->
<div class="space-y-4">
<div class="flex items-center gap-2">
<svg class="w-5 h-5 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<h4 class="text-lg font-medium text-white">Testing & Quality</h4>
</div>
<div class="flex flex-wrap gap-3">
<div class="bg-white/5 px-3 py-1 rounded-full text-sm text-gray-300">PHPUnit</div>
<div class="bg-white/5 px-3 py-1 rounded-full text-sm text-gray-300">Pest</div>
</div>
</div>
<!-- Security & Performance -->
<div class="space-y-4">
<div class="flex items-center gap-2">
<svg class="w-5 h-5 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z" />
</svg>
<h4 class="text-lg font-medium text-white">Security & Performance</h4>
</div>
<div class="flex flex-wrap gap-3">
<div class="bg-white/5 px-3 py-1 rounded-full text-sm text-gray-300">SSL/TLS</div>
<div class="bg-white/5 px-3 py-1 rounded-full text-sm text-gray-300">JWT</div>
<div class="bg-white/5 px-3 py-1 rounded-full text-sm text-gray-300">Caching</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Müşteri Yorumları -->
<section class="py-16 lg:py-24 bg-gray-50/50">
<div class="container mx-auto px-4 lg:px-6">
<div class="flex flex-col lg:flex-row gap-12">
<!-- Sol Taraf: Başlık ve Açıklama -->
<div class="lg:w-1/3">
<div class="text-center lg:text-left lg:sticky lg:top-32">
<!-- Badge -->
<div class="inline-flex items-center justify-center gap-2 py-2 px-4 mb-3 lg:mb-4 bg-primary/5 rounded-full">
<span class="text-sm font-medium tracking-wider text-primary"><b>REFERANSLARIMIZ</b></span>
</div>
<h2 class="text-2xl lg:text-3xl font-bold text-gray-900 mb-3 lg:mb-5 leading-tight">
Müşterilerimizin Başarı Hikayeleri
</h2>
<p class="text-base lg:text-lg font-normal text-gray-600 mb-8 leading-relaxed">
İş ortaklarımızın deneyimlerini ve elde ettikleri sonuçları inceleyin.
</p>
<div class="hidden lg:block">
<div class="flex items-center gap-3">
<div class="w-5 h-5 rounded-lg bg-primary/10 flex items-center justify-center flex-shrink-0">
<svg class="w-3 h-3 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
</svg>
</div>
<span class="text-sm font-medium text-gray-700">Güvenilir İş Ortaklığı</span>
</div>
<div class="flex items-center gap-3 mt-3">
<div class="w-5 h-5 rounded-lg bg-primary/10 flex items-center justify-center flex-shrink-0">
<svg class="w-3 h-3 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
</svg>
</div>
<span class="text-sm font-medium text-gray-700">Sürdürülebilir Çözümler</span>
</div>
<div class="flex items-center gap-3 mt-3">
<div class="w-5 h-5 rounded-lg bg-primary/10 flex items-center justify-center flex-shrink-0">
<svg class="w-3 h-3 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
</svg>
</div>
<span class="text-sm font-medium text-gray-700">Uzman Teknik Destek</span>
</div>
</div>
</div>
</div>
<!-- Sağ Taraf: Yorumlar -->
<div class="lg:w-2/3">
<div class="space-y-6">
<!-- Yorum 1 -->
<div class="bg-white p-8 rounded-xl shadow-sm hover:shadow-lg transition-shadow duration-300">
<div class="flex gap-1 mb-6">
<svg class="w-5 h-5 text-primary" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
<svg class="w-5 h-5 text-primary" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
<svg class="w-5 h-5 text-primary" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
<svg class="w-5 h-5 text-primary" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
<svg class="w-5 h-5 text-primary" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
</div>
<p class="text-gray-600 mb-6">
"Mikpa'nın Google Ads yönetimi ile Almanya pazarında inanılmaz sonuçlar elde ettik. 500€'luk reklam bütçemiz ile 4800€'luk satış rakamına ulaştık. SEO çalışmaları sayesinde 'tesbih' gibi rekabetçi kelimelerde Almanya konumunda ilk 3 sıraya geldik. Yüksek ROAS değerleri ile dijital pazarlama yatırımımızın karşılığını fazlasıyla aldık."
</p>
<div class="flex items-center gap-4">
<div class="w-12 h-12 bg-gray-100 rounded-full flex items-center justify-center">
<svg class="w-6 h-6 text-gray-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" />
</svg>
</div>
<div>
<h4 class="font-semibold text-gray-900">Fatih Paşaoğlu</h4>
<p class="text-sm text-gray-500">Sani Tesbih - Kurucu</p>
</div>
</div>
</div>
<!-- Yorum 2 -->
<div class="bg-white p-8 rounded-xl shadow-sm hover:shadow-lg transition-shadow duration-300">
<div class="flex gap-1 mb-6">
<svg class="w-5 h-5 text-primary" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
<svg class="w-5 h-5 text-primary" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
<svg class="w-5 h-5 text-primary" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
<svg class="w-5 h-5 text-primary" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
<svg class="w-5 h-5 text-primary" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
</div>
<p class="text-gray-600 mb-6">
"Sosyal medya ve Meta reklamları yönetiminde harika sonuçlar aldık. Reklamlardan gelen mesaj dönüşüm maliyetlerimiz oldukça uygun seviyelere indi. Instagram hesabımızın yönetimi sayesinde hem takipçi sayımız arttı hem de etkileşim oranlarımız yükseldi. Özellikle hedef kitleye uygun içerik stratejileri ve reklam yönetimindeki profesyonel yaklaşımları çok etkileyici."
</p>
<div class="flex items-center gap-4">
<div class="w-12 h-12 bg-gray-100 rounded-full flex items-center justify-center">
<svg class="w-6 h-6 text-gray-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" />
</svg>
</div>
<div>
<h4 class="font-semibold text-gray-900">Ayşe Kıy</h4>
<p class="text-sm text-gray-500">Eğitmen</p>
</div>
</div>
</div>
<!-- Yorum 3 -->
<div class="bg-white p-8 rounded-xl shadow-sm hover:shadow-lg transition-shadow duration-300">
<div class="flex gap-1 mb-6">
<svg class="w-5 h-5 text-primary" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
<svg class="w-5 h-5 text-primary" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
<svg class="w-5 h-5 text-primary" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
<svg class="w-5 h-5 text-primary" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
<svg class="w-5 h-5 text-primary" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
</div>
<p class="text-gray-600 mb-6">
"Mikpa ile geliştirdiğimiz SAAS tabanlı teknik servis yazılımı beklentilerimizi karşıladı. Multi-tenant yapısı sayesinde firmalar müşterilerine kendi alan adlarında hizmet sağlayabiliyor. Teknik servis firmaları için geliştirdiğimiz bu çözüm, müşteri yönetimi ve raporlama gibi temel ihtiyaçları karşılıyor."
</p>
<div class="flex items-center gap-4">
<div class="w-12 h-12 bg-gray-100 rounded-full flex items-center justify-center">
<svg class="w-6 h-6 text-gray-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" />
</svg>
</div>
<div>
<h4 class="font-semibold text-gray-900">Oğuzhan Tek</h4>
<p class="text-sm text-gray-500">GNC TEKNOLOJİ A.Ş.</p>
</div>
</div>
</div>
<!-- Yorum 4 -->
<div class="bg-white p-8 rounded-xl shadow-sm hover:shadow-lg transition-shadow duration-300">
<div class="flex gap-1 mb-6">
<svg class="w-5 h-5 text-primary" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
<svg class="w-5 h-5 text-primary" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
<svg class="w-5 h-5 text-primary" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
<svg class="w-5 h-5 text-primary" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
<svg class="w-5 h-5 text-primary" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
</div>
<p class="text-gray-600 mb-6">
"Geliştirmekte olduğumuz yeni projemiz için Mikpa'dan yazılım desteği alıyoruz. Profesyonel yaklaşımları, iş süreçlerinin yönetimi ve destek süreci oldukça etkileyici."
</p>
<div class="flex items-center gap-4">
<div class="w-12 h-12 bg-gray-100 rounded-full flex items-center justify-center">
<svg class="w-6 h-6 text-gray-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" />
</svg>
</div>
<div>
<h4 class="font-semibold text-gray-900">Murat Uykucu</h4>
<p class="text-sm text-gray-500">Webmaster</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- İletişim -->
<!-- İletişim Section -->
<section class="py-16 lg:py-24 bg-gray-50/50">
<div class="container mx-auto px-4 lg:px-6">
<div class="text-center max-w-2xl mx-auto mb-12 lg:mb-16">
<!-- Badge -->
<div class="inline-flex items-center justify-center gap-2 py-2 px-4 mb-3 lg:mb-4 bg-primary/5 rounded-full">
<span class="text-sm font-medium tracking-wider text-primary"><b>İLETİŞİM</b></span>
</div>
<h2 class="text-2xl lg:text-3xl font-bold text-gray-900 mb-3 lg:mb-5 leading-tight">
Bizimle İletişime Geçin
</h2>
<p class="text-base lg:text-lg font-normal text-gray-600">
Dijital dönüşüm yolculuğunuzda yanınızdayız. Uzman ekibimiz sizinle iletişime geçmek için hazır.
</p>
</div>
<div class="grid md:grid-cols-3 gap-6 lg:gap-8">
<!-- İletişim Kartı 1 -->
<div class="bg-white p-8 rounded-xl border border-gray-100 shadow hover:shadow-lg transition-all text-center">
<div class="w-14 h-14 bg-primary/10 rounded-xl flex items-center justify-center mx-auto mb-6">
<svg class="w-8 h-8 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z" />
</svg>
</div>
<h3 class="text-lg font-semibold text-gray-900 mb-2">Telefon Numaramız</h3>
<p class="text-gray-600 mb-4">Pazartesi - Cuma: 09:00 - 18:00</p>
<a href="tel:+908505324527" class="text-primary font-medium hover:text-primary/80">0850 532 4527</a>
</div>
<!-- İletişim Kartı 2 -->
<div class="bg-white p-8 rounded-xl border border-gray-100 shadow hover:shadow-lg transition-all text-center">
<div class="w-14 h-14 bg-primary/10 rounded-xl flex items-center justify-center mx-auto mb-6">
<svg class="w-8 h-8 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
</svg>
</div>
<h3 class="text-lg font-semibold text-gray-900 mb-2">E-posta</h3>
<p class="text-gray-600 mb-4">En kısa sürede size dönüş yapacağız</p>
<a href="/cdn-cgi/l/email-protection#701d11191c301d191b00115e131f1d" class="text-primary font-medium hover:text-primary/80"><span class="__cf_email__" data-cfemail="167b777f7a567b7f7d66773875797b">[email protected]</span></a>
</div>
<!-- İletişim Kartı 3 -->
<div class="bg-white p-8 rounded-xl border border-gray-100 shadow hover:shadow-lg transition-all text-center">
<div class="w-14 h-14 bg-primary/10 rounded-xl flex items-center justify-center mx-auto mb-6">
<svg class="w-8 h-8 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
</svg>
</div>
<h3 class="text-lg font-semibold text-gray-900 mb-2">Adresimiz</h3>
<p class="text-gray-600">Hacıilbey mahallesi <br/>Ali Hikmet Paşa caddesi<br/>No:27/C Altıeylül/Balıkesir</p>
</div>
</div>
<!-- Form bölümü - Livewire component'i eklenecek -->
<div class="mt-12 lg:mt-16">
<div class="bg-white p-6 lg:p-8 rounded-2xl border border-gray-100 shadow-sm">
<h3 class="text-xl lg:text-2xl font-bold text-gray-900 mb-8 text-center">İletişim Formu</h3>
<div wire:snapshot="{"data":{"company":"","name":"","email":"","phone":"","services":[[],{"s":"arr"}],"message":"","kvkk":false},"memo":{"id":"56NtSwMoRpfrqIPwgxvC","name":"contact-form","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"1bbeab93616835a6efd02172c000f8da27249a212d997161ddb15b74194916b2"}" wire:effects="[]" wire:id="56NtSwMoRpfrqIPwgxvC">
<form wire:submit="submit" class="space-y-8">
<!-- Form grupları -->
<div class="grid md:grid-cols-2 gap-6 lg:gap-8">
<div>
<label class="block text-base font-medium text-gray-900 mb-2">Firma Adı</label>
<input type="text"
wire:model="company"
class="form-input "
placeholder="Firma adınız">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<div>
<label class="block text-base font-medium text-gray-900 mb-2">Yetkili Adı Soyadı</label>
<input type="text"
wire:model="name"
class="form-input "
placeholder="Ad ve soyadınız">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<div class="grid md:grid-cols-2 gap-6 lg:gap-8">
<div>
<label class="block text-base font-medium text-gray-900 mb-2">Email Adresiniz</label>
<input type="email"
wire:model="email"
class="form-input "
placeholder="[email protected]">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<div>
<label class="block text-base font-medium text-gray-900 mb-2">Telefon Numaranız</label>
<input
type="tel"
wire:model.live="phone"
id="phone"
class="form-input "
placeholder="+90 (___) ___ ____"
>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<div class="space-y-4">
<label class="block text-base font-medium text-gray-900 mb-3">İlgilendiğiniz Hizmetler</label>
<div class="flex flex-col gap-3">
<label class="flex items-center gap-3 cursor-pointer group">
<div class="relative flex items-center justify-center">
<input type="checkbox"
wire:model="services"
value="software"
class="custom-checkbox ">
</div>
<span class="text-sm font-medium text-gray-600 group-hover:text-gray-900">Yazılım Geliştirme</span>
</label>
<label class="flex items-center gap-3 cursor-pointer group">
<div class="relative flex items-center justify-center">
<input type="checkbox"
wire:model="services"
value="digital"
class="custom-checkbox ">
</div>
<span class="text-sm font-medium text-gray-600 group-hover:text-gray-900">Dijital Pazarlama</span>
</label>
<label class="flex items-center gap-3 cursor-pointer group">
<div class="relative flex items-center justify-center">
<input type="checkbox"
wire:model="services"
value="seo"
class="custom-checkbox ">
</div>
<span class="text-sm font-medium text-gray-600 group-hover:text-gray-900">SEO</span>
</label>
<label class="flex items-center gap-3 cursor-pointer group">
<div class="relative flex items-center justify-center">
<input type="checkbox"
wire:model="services"
value="other"
class="custom-checkbox ">
</div>
<span class="text-sm font-medium text-gray-600 group-hover:text-gray-900">Diğer</span>
</label>
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<div>
<label class="block text-base font-medium text-gray-900 mb-1.5">Mesajınız</label>
<textarea wire:model="message"
rows="4"
class="form-input "
placeholder="Projeniz hakkında detaylı bilgi verebilirsiniz..."></textarea>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!-- KVKK -->
<div x-data="{ open: false }">
<div class="flex items-center gap-3">
<div class="relative flex items-center justify-center">
<input type="checkbox"
id="kvkk"
wire:model.live="kvkk"
value="1"
class="custom-checkbox ">
</div>
<label for="kvkk" class="text-sm text-gray-600 cursor-pointer select-none">
<span class="text-primary hover:text-primary/80 cursor-pointer" @click.prevent="open = true">
KVKK Aydınlatma Metni
</span>'ni okudum, onaylıyorum.
</label>
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!-- KVKK Modal -->
<div x-show="open"
x-cloak
class="fixed inset-0 z-50 overflow-y-auto">
<!-- Overlay -->
<div class="fixed inset-0 bg-black bg-opacity-50"
@click="open = false"></div>
<!-- Modal Content -->
<div class="relative min-h-screen flex items-center justify-center p-4">
<div class="relative bg-white rounded-2xl max-w-2xl w-full max-h-[80vh] overflow-y-auto p-8">
<!-- Close Button -->
<button type="button"
@click="open = false"
class="absolute top-4 right-4 text-gray-400 hover:text-gray-600">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
</svg>
</button>
<!-- Modal Header -->
<div class="mb-6">
<h3 class="text-xl lg:text-2xl font-bold text-gray-900">KVKK Aydınlatma Metni</h3>
</div>
<!-- Modal Body -->
<div class="prose prose-sm max-w-none">
<p class="text-base text-gray-600 mb-4">6698 sayılı Kişisel Verilerin Korunması Kanunu ("KVKK") uyarınca, bu Aydınlatma Metni ile Mikpa olarak kişisel verilerinizi nasıl işlediğimizi size açıklamak istiyoruz.</p>
<h4 class="text-lg font-semibold text-gray-900 mt-6 mb-3">Kişisel Verilerin İşlenme Amacı</h4>
<p class="text-base text-gray-600 mb-2">Bizimle paylaştığınız kişisel verileriniz aşağıdaki amaçlarla işlenmektedir:</p>
<ul class="list-disc pl-5 mb-4 text-base text-gray-600">
<li>Size daha iyi hizmet sunabilmek</li>
<li>Taleplerinizi değerlendirebilmek</li>
<li>Sizinle iletişime geçebilmek</li>
<li>Yasal yükümlülüklerimizi yerine getirebilmek</li>
</ul>
<h4 class="font-bold text-lg mt-6 mb-3">Kişisel Verilerin Aktarılması</h4>
<p class="mb-4">Kişisel verileriniz, yukarıda belirtilen amaçların gerçekleştirilmesi ile sınırlı olarak, iş ortaklarımıza, tedarikçilerimize, kanunen yetkili kamu kurumlarına ve yetkili özel kişilere KVKK'nın 8. ve 9. maddelerinde belirtilen kişisel veri işleme şartları ve amaçları çerçevesinde aktarılabilecektir.</p>
<h4 class="font-bold text-lg mt-6 mb-3">Kişisel Veri Toplamanın Yöntemi ve Hukuki Sebebi</h4>
<p class="mb-4">Kişisel verileriniz, bu form aracılığıyla otomatik yolla toplanmaktadır. İşlenen kişisel verileriniz, KVKK'nın 5. maddesinde belirtilen "açık rızanın alınması", "kanunlarda açıkça öngörülmesi", "bir sözleşmenin kurulması veya ifasıyla doğrudan doğruya ilgili olması" hukuki sebeplerine dayanılarak işlenmektedir.</p>
</div>
<!-- Modal Footer -->
<div class="mt-8 flex justify-end">
<button type="button"
@click="open = false"
class="bg-primary text-white px-6 py-2.5 rounded-lg hover:bg-primary/90 transition-colors text-base font-medium">
Kapat
</button>
</div>
</div>
</div>
</div>
</div>
<div>
<button type="submit"
class="w-full md:w-auto px-6 h-10 bg-primary text-white text-base font-medium rounded-lg hover:bg-primary/90 transition-colors flex items-center justify-center gap-2"
wire:loading.attr="disabled"
wire:loading.class="opacity-75">
<span wire:loading.remove>Formu Gönder</span>
<span wire:loading>Gönderiliyor...</span>
</button>
</div>
</form>
<!-- Success Popup -->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!-- Error Popup -->
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
</div>
</div>
</section>
</main>
<!-- Footer -->
<footer class="bg-gray-900 text-white py-16">
<div class="container mx-auto px-6">
<div class="grid grid-cols-1 md:grid-cols-4 gap-12">
<!-- Logo ve Açıklama -->
<div class="col-span-1 md:col-span-2">
<img src="https://mikpa.com/assets/images/logo/logo-white.svg" alt="Mikpa" class="h-12 mb-6 text-white">
<p class="text-gray-400 max-w-md mb-6 leading-relaxed">
İşletmelere özel yazılım çözümleri geliştiriyor, dijital dönüşüm süreçlerinde rehberlik ediyoruz.
Modern teknolojilerle işletmenizi geleceğe taşıyoruz.
</p>
<!-- Sosyal Medya -->
<div class="flex space-x-4">
<a href="https://facebook.com/mikpacom" target="_blank" rel="noopener noreferrer" class="w-10 h-10 rounded-lg bg-gray-800 flex items-center justify-center hover:bg-primary transition-colors">
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
<path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/>
</svg>
</a>
<a href="https://twitter.com/mikpacom" target="_blank" rel="noopener noreferrer" class="w-10 h-10 rounded-lg bg-gray-800 flex items-center justify-center hover:bg-primary transition-colors">
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
<path d="M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z"/>
</svg>
</a>
<a href="https://linkedin.com/company/mikpa" target="_blank" rel="noopener noreferrer" class="w-10 h-10 rounded-lg bg-gray-800 flex items-center justify-center hover:bg-primary transition-colors">
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
<path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/>
</svg>
</a>
</div>
</div>
<!-- Kurumsal -->
<div>
<h4 class="text-lg font-semibold mb-6">Kurumsal</h4>
<ul class="space-y-4">
<li><a href="https://mikpa.com/kurumsal/hakkimizda" wire:navigate class="text-gray-400 hover:text-white transition-colors">Hakkımızda</a></li>
<li><a href="https://mikpa.com/kurumsal/kvkk" wire:navigate class="text-gray-400 hover:text-white transition-colors">KVKK Aydınlatma Metni</a></li>
<li><a href="https://mikpa.com/kurumsal/gizlilik-politikasi" wire:navigate class="text-gray-400 hover:text-white transition-colors">Gizlilik Politikası</a></li>
<li><a href="https://mikpa.com/kurumsal/cerez-politikasi" wire:navigate class="text-gray-400 hover:text-white transition-colors">Çerez Politikası</a></li>
</div>
<!-- Hizmetlerimiz -->
<div>
<h4 class="text-lg font-semibold mb-6">Hizmetlerimiz</h4>
<ul class="space-y-4">
<li><a href="https://mikpa.com/hizmet/yazilim-gelistirme" wire:navigate class="text-gray-400 hover:text-white transition-colors">Yazılım Geliştirme</a></li>
<li><a href="https://mikpa.com/hizmet/dijital-pazarlama" wire:navigate class="text-gray-400 hover:text-white transition-colors">Dijital Pazarlama</a></li>
<li><a href="https://mikpa.com/hizmet/seo" wire:navigate class="text-gray-400 hover:text-white transition-colors">SEO</a></li>
</ul>
</div>
</div>
<!-- Alt Bilgi -->
<div class="border-t border-gray-800 mt-12 pt-8">
<div class="flex justify-center">
<p class="text-gray-400 text-sm">
© 2025 Mikpa Yazılım Tüm hakları saklıdır.
</p>
</div>
</div>
</div>
</footer>
<!--
<div id="callbackModal" class="fixed inset-0 z-50 hidden">
<div class="modal-backdrop fixed inset-0 bg-gray-900/50"></div>
<div class="fixed inset-0 overflow-y-auto">
<div class="min-h-screen px-4 text-center flex items-center justify-center">
<div class="modal-content w-full max-w-2xl p-8 bg-white shadow-xl rounded-2xl text-left relative">
<div class="flex items-center justify-between mb-8">
<div>
<h3 class="text-2xl font-semibold text-gray-900">Sizi Arayalım</h3>
<p class="mt-2 text-gray-600">Size en kısa sürede dönüş yapalım</p>
</div>
</div>
<form class="space-y-6">
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div>
<label class="block text-sm font-medium text-gray-700 mb-1">
Ad Soyad
</label>
<input type="text"
class="form-input"
placeholder="Adınız Soyadınız"
required>
</div>
<div>
<label class="block text-sm font-medium text-gray-700 mb-1">
Telefon Numarası
</label>
<input type="tel"
class="form-input"
placeholder="0(5XX) XXX XX XX"
required>
</div>
</div>
<div>
<label class="block text-sm font-medium text-gray-700 mb-1">
İlgilendiğiniz Hizmet
</label>
<select class="form-input w-full" name="service">
<option value="">Hizmet Seçiniz</option>
<option value="web">Web Yazılım</option>
<option value="mobile">Mobil Uygulama</option>
<option value="ecommerce">E-Ticaret Çözümleri</option>
<option value="digital">Dijital Pazarlama</option>
</select>
</div>
<div>
<label class="block text-sm font-medium text-gray-700 mb-1">
Açıklama (İsteğe Bağlı)
</label>
<textarea
class="form-input font-sm"
rows="4"
placeholder="Projenizdeki beklentilerinizi kısaca anlatın..."></textarea>
</div>
<div class="flex items-start space-x-3">
<input id="kvkk_popup" type="checkbox" required class="custom-checkbox">
<label for="kvkk_popup" class="text-sm text-gray-600 cursor-pointer select-none">
<a href="#" class="text-primary hover:text-primary/80">KVKK Aydınlatma Metni</a>'ni okudum, onaylıyorum.
</label>
</div>
<div class="mt-8 flex justify-end gap-3">
<button type="button" onclick="closeCallbackModal()"
class="px-6 py-2.5 border border-gray-200 text-gray-700 rounded-lg hover:bg-gray-50 transition-colors">
Vazgeç
</button>
<button type="submit"
class="px-6 py-2.5 bg-primary text-white rounded-lg hover:bg-primary/90 transition-colors inline-flex items-center gap-2">
<span>Gönder</span>
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3" />
</svg>
</button>
</div>
</form>
</div>
</div>
</div>
</div>
-->
<!-- Çerez Onay Banner -->
<div id="cookie-banner" class="fixed bottom-0 left-0 w-full bg-white border-t border-gray-100 shadow-lg transform transition-transform duration-300 z-50"
style="display: none;">
<div class="container mx-auto px-6 py-4">
<div class="flex flex-col lg:flex-row items-center justify-between gap-4">
<div class="flex items-center gap-4">
<div class="w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center flex-shrink-0">
<svg class="w-5 h-5 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
</div>
<div class="flex-1 flex items-center">
<p class="text-gray-600">
Bu web sitesi, size en iyi deneyimi sunmak için çerezleri kullanmaktadır.
<a href="https://mikpa.com/kurumsal/cerez-politikasi" wire:navigate class="text-primary hover:text-primary/90">Çerez Politikamız</a>
hakkında daha fazla bilgi alın.
</p>
</div>
</div>
<div class="flex items-center gap-4">
<button onclick="rejectCookies()" class="text-gray-600 hover:text-gray-900">
Reddet
</button>
<button onclick="acceptCookies()"
class="bg-primary text-white px-6 py-2 rounded-lg hover:bg-primary/90 transition-colors">
Kabul Et
</button>
</div>
</div>
</div>
</div>
<!-- Önce Livewire Scripts -->
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="/livewire/livewire.min.js?id=13b7c601" data-csrf="STybb3MpmjefXeifcYgwXuVtLfw75VPdVSOhux9Q" data-update-uri="/livewire/update" data-navigate-once="true"></script>
<!-- Sonra diğer scriptler -->
<script src="https://unpkg.com/[email protected]/dist/inputmask.min.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
const initPhone = () => {
const phoneInput = document.getElementById('phone');
if (!phoneInput) return;
// Mevcut mask'i temizle
if (phoneInput.inputmask) {
phoneInput.inputmask.remove();
}
// Basit mask yapılandırması
const im = new Inputmask({
mask: "+90 (999) 999 9999",
insertMode: true,
placeholder: " ",
clearIncomplete: false,
clearMaskOnLostFocus: false,
showMaskOnHover: false,
rightAlign: false,
definitions: {
'9': {
validator: "[0-9]"
}
}
});
im.mask(phoneInput);
// Başlangıç değeri
if (!phoneInput.value) {
phoneInput.value = "+90 ";
}
// Renk kontrolü
phoneInput.addEventListener('input', function() {
this.style.color = this.value === "+90 " ? "#9CA3AF" : "#111827";
});
};
// Initialize
initPhone();
document.addEventListener('livewire:initialized', initPhone);
document.addEventListener('livewire:navigated', initPhone);
// Reset
Livewire.on('resetPhone', () => {
const phoneInput = document.getElementById('phone');
if (phoneInput) {
phoneInput.value = "+90 ";
phoneInput.style.color = "#9CA3AF";
}
});
});
</script>
<!-- Mask kütüphanesi -->
<script src="https://unpkg.com/[email protected]/dist/inputmask.min.js"></script>
<script src="https://unpkg.com/[email protected]/dist/bindings/inputmask.binding.js"></script>
<script>
// Sadece çerez banner kontrolü
function checkCookieConsent() {
const banner = document.getElementById('cookie-banner');
if (!localStorage.getItem('cookieConsent')) {
banner.style.display = 'block';
banner.style.transform = 'translateY(0)';
} else {
banner.style.display = 'none';
}
}
function acceptCookies() {
localStorage.setItem('cookieConsent', 'accepted');
const banner = document.getElementById('cookie-banner');
banner.style.transform = 'translateY(100%)';
setTimeout(() => {
banner.style.display = 'none';
}, 300);
}
function rejectCookies() {
localStorage.setItem('cookieConsent', 'rejected');
const banner = document.getElementById('cookie-banner');
banner.style.transform = 'translateY(100%)';
setTimeout(() => {
banner.style.display = 'none';
}, 300);
}
// Event Listeners
document.addEventListener('DOMContentLoaded', checkCookieConsent);
document.addEventListener('livewire:navigated', checkCookieConsent);
document.addEventListener('livewire:navigating', () => {
const banner = document.getElementById('cookie-banner');
banner.style.display = 'none';
});
</script>
</body>
</html>
Alan adının whois bilgisi
Domain Name: MIKPA.COM
Registry Domain ID: 2830901898_DOMAIN_COM-VRSN
Registrar WHOIS Server: whois.ihs.com.tr
Registrar URL: http://www.ihs.com.tr
Updated Date: 2025-01-11T14:04:31Z
Creation Date: 2023-11-18T22:36:16Z
Registry Expiry Date: 2025-11-18T22:36:16Z
Registrar: IHS Telekom, Inc.
Registrar IANA ID: 1091
Registrar Abuse Contact Email: [email protected]
Registrar Abuse Contact Phone: +902165460056
Domain Status: ok https://icann.org/epp#ok
Name Server: KIM.NS.CLOUDFLARE.COM
Name Server: ROBERT.NS.CLOUDFLARE.COM
DNSSEC: unsigned
URL of the ICANN Whois Inaccuracy Complaint Form: https://www.icann.org/wicf/
>>> Last update of whois database: 2025-05-28T07:38:32Z <<<
For more information on Whois status codes, please visit https://icann.org/epp
NOTICE: The expiration date displayed in this record is the date the
TERMS OF USE: You are not authorized to access or query our Whois
by the following terms of use: You agree that you may use this Data only
to: (1) allow, enable, or otherwise support the transmission of mass