Domain > agivra.com

More information on this domain is in AlienVault OTX

DNS Resolutions

Date	IP Address
2025-11-03	172.67.158.199 (ClassC)
2026-01-04	104.21.65.61 (ClassC)

HTTP/1.1 200 OKDate: Sun, 04 Jan 2026 13:26:11 GMTContent-Type: text/html; charsetUTF-8Transfer-Encoding: chunkedConnection: keep-aliveServer: cloudflareNel: {report_to:cf-nel,success_fraction:0.0,max_age:604800}Report-To: {group:cf-nel,max_age:604800,endpoints:{url:https://a.nel.cloudflare.com/report/v4?suyJfkgTJXPCTs6MQdQMhRUkDGajdFrWQqCO96HtPyscfPk8hXOyPR0e7KDAKkoHOpTYDfpLW1nosmZ09tAbGLV7y%2FCKpXwXz}}Vary: Accept-EncodingExpires: Thu, 19 Nov 1981 08:52:00 GMTCache-Control: no-store, no-cache, must-revalidatePragma: no-cacheSet-Cookie: PHPSESSIDssg9qp7838jp67kmvitrvs1h2e; path/X-Cache: HIT from BackendStrict-Transport-Security: max-age31536000X-XSS-Protection: 1; modeblockX-Content-Type-Options: nosniffcf-cache-status: DYNAMICCF-RAY: 9b8b10ee3d55cb90-PDXalt-svc: h3:443; ma86400

!DOCTYPE html>html langtr>head>    meta charsetUTF-8>    meta nameviewport contentwidthdevice-width, initial-scale1.0>    title>Agivra Dijital Agency - Dijital Dönüşümün Öncüsü/title>    meta namedescription contentSEO, sosyal medya, web tasarım ve yapay zeka çözümleri ile işletmenizi dijital dünyada öne çıkarın.>    meta namekeywords contentdijital pazarlama, SEO, sosyal medya, web tasarım, yapay zeka, mobil uygulama>    !-- Open Graph -->    meta propertyog:title contentAgivra Dijital Agency - Dijital Dönüşümün Öncüsü>    meta propertyog:description contentSEO, sosyal medya, web tasarım ve yapay zeka çözümleri ile işletmenizi dijital dünyada öne çıkarın.>    meta propertyog:url contenthttps://agivra.com/>    meta propertyog:type contentwebsite>    meta propertyog:site_name contentAgivra Dijital Agency>    !-- Twitter Card -->    meta nametwitter:card contentsummary_large_image>    meta nametwitter:title contentAgivra Dijital Agency - Dijital Dönüşümün Öncüsü>    meta nametwitter:description contentSEO, sosyal medya, web tasarım ve yapay zeka çözümleri ile işletmenizi dijital dünyada öne çıkarın.>    !-- Canonical URL -->    link relcanonical hrefhttps://agivra.com/>    !-- Language alternatives -->                                    link relalternate hreflangen hrefhttps://agivra.com/en/>                                link relalternate hreflangde hrefhttps://agivra.com/de/>                !-- Scripts and Styles -->    script srchttps://cdn.tailwindcss.com>/script>    script defer srchttps://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js>/script>    link relstylesheet hrefhttps://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css>    !-- Premium Google Fonts -->    link relpreconnect hrefhttps://fonts.googleapis.com>    link relpreconnect hrefhttps://fonts.gstatic.com crossorigin>    link hrefhttps://fonts.googleapis.com/css2?familyInter:wght@300;400;500;600;700;800;900&familyPoppins:wght@300;400;500;600;700;800;900&familySpace+Grotesk:wght@300;400;500;600;700&displayswap relstylesheet>    script>        tailwind.config  {            theme: {                extend: {                    fontFamily: {                        inter: Inter, sans-serif,                        poppins: Poppins, sans-serif,                        space: Space Grotesk, sans-serif                    }                }            }        }    /script>    style>        x-cloak { display: none !important; }        .gradient-bg {            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);        }        .hero-pattern {            background-image: url(data:image/svg+xml,%3Csvg width60 height60 viewBox0 0 60 60 xmlnshttp://www.w3.org/2000/svg%3E%3Cg fillnone fill-ruleevenodd%3E%3Cg fill%23ffffff fill-opacity0.05%3E%3Ccircle cx30 cy30 r4/%3E%3C/g%3E%3C/g%3E%3C/svg%3E);        }        .header-blur {            backdrop-filter: blur(20px);            -webkit-backdrop-filter: blur(20px);            background: rgba(255, 255, 255, 0.85);            border-bottom: 1px solid rgba(255, 255, 255, 0.2);        }        .logo-glow {            filter: drop-shadow(0 0 20px rgba(99, 102, 241, 0.3));        }        .nav-link {            position: relative;            overflow: hidden;        }        .nav-link::after {            content: ;            position: absolute;            bottom: 0;            left: 50%;            width: 0;            height: 2px;            background: linear-gradient(90deg, #667eea, #764ba2);            transition: all 0.3s ease;            transform: translateX(-50%);        }        .nav-link:hover::after {            width: 100%;        }        .cta-glow {            box-shadow: 0 10px 40px rgba(99, 102, 241, 0.3);        }        .cta-glow:hover {            box-shadow: 0 15px 50px rgba(99, 102, 241, 0.4);        }    /style>/head>body classbg-white font-inter>!-- Premium Header -->header classheader-blur sticky top-0 z-50 transition-all duration-300 x-data{    mobileMenuOpen: false,    servicesOpen: false,    mobileServicesOpen: false,    scrolled: false} x-initwindow.addEventListener(scroll, () > { scrolled  window.pageYOffset > 50 })>    div classmax-w-7xl mx-auto px-4 sm:px-6 lg:px-8>        div classflex justify-between items-center :classscrolled ? h-16 : h-20 lg:h-24>            !-- Premium Logo -->            div classflex-shrink-0 flex items-center>                a hrefhttps://agivra.com/ classflex items-center space-x-3 group>                    div classrelative>                        div classw-12 h-12 bg-gradient-to-br from-indigo-500 via-purple-600 to-pink-500 rounded-2xl flex items-center justify-center logo-glow transform group-hover:scale-110 transition-all duration-300 shadow-xl>                            i classfas fa-rocket text-white text-xl transform group-hover:rotate-12 transition-transform duration-300>/i>                        /div>                        div classabsolute -inset-1 bg-gradient-to-r from-indigo-500 to-purple-600 rounded-2xl blur opacity-30 group-hover:opacity-50 transition duration-300>/div>                    /div>                    div classhidden sm:block>                        span classtext-3xl font-black font-space bg-gradient-to-r from-gray-900 via-indigo-800 to-purple-800 bg-clip-text text-transparent tracking-tight>                            Agivra                        /span>                        div classtext-xs font-medium text-gray-500 tracking-widest uppercase font-inter -mt-1>                            Digital Agency                        /div>                    /div>                /a>            /div>            !-- Premium Desktop Navigation -->            nav classhidden lg:flex lg:items-center lg:space-x-1>                                                            a hrefhttps://agivra.com/ classnav-link text-gray-700 hover:text-indigo-600 px-4 py-3 text-sm font-semibold font-inter tracking-wide transition-all duration-300 rounded-xl hover:bg-gradient-to-r hover:from-indigo-50 hover:to-purple-50>                            Ana Sayfa                        /a>                                                                                !-- Premium Services Dropdown -->                        div classrelative @mouseenterservicesOpen  true @mouseleaveservicesOpen  false>                            button classnav-link flex items-center text-gray-700 hover:text-indigo-600 px-4 py-3 text-sm font-semibold font-inter tracking-wide transition-all duration-300 rounded-xl hover:bg-gradient-to-r hover:from-indigo-50 hover:to-purple-50>                                Hizmetler                                svg classml-2 h-4 w-4 transition-all duration-300 :class{ rotate-180 text-indigo-600: servicesOpen } fillnone strokecurrentColor viewBox0 0 24 24>                                    path stroke-linecapround stroke-linejoinround stroke-width2 dM19 9l-7 7-7-7>/path>                                /svg>                            /button>                            !-- Premium Mega Menu -->                            div x-showservicesOpen                                 x-transition:entertransition ease-out duration-300                                 x-transition:enter-startopacity-0 scale-95 translate-y-2                                 x-transition:enter-endopacity-100 scale-100 translate-y-0                                 x-transition:leavetransition ease-in duration-200                                 x-transition:leave-startopacity-100 scale-100 translate-y-0                                 x-transition:leave-endopacity-0 scale-95 translate-y-2                                 x-cloak                                 classabsolute left-1/2 transform -translate-x-1/2 mt-4 w-32rem>                                div classbg-white/95 backdrop-blur-xl rounded-3xl shadow-2xl border border-white/20 p-8 font-inter>                                    div classgrid grid-cols-2 gap-4>                                                                                    a hrefhttps://agivra.com/hizmetler/seo-danismanligi classgroup flex items-start p-4 rounded-2xl hover:bg-gradient-to-r hover:from-indigo-50 hover:to-purple-50 transition-all duration-300 hover:scale-105>                                                div classflex-shrink-0 w-12 h-12 bg-gradient-to-br from-indigo-100 to-purple-100 rounded-xl flex items-center justify-center group-hover:from-indigo-200 group-hover:to-purple-200 transition-all duration-300>                                                    i classfas fa-search text-indigo-600 group-hover:text-purple-600 transition-colors duration-300>/i>                                                /div>                                                div classml-4>                                                    div classtext-sm font-semibold text-gray-900 group-hover:text-indigo-700 transition-colors duration-300>                                                        SEO Danışmanlığı                                                    /div>                                                /div>                                            /a>                                                                                    a hrefhttps://agivra.com/hizmetler/sosyal-medya-yonetimi classgroup flex items-start p-4 rounded-2xl hover:bg-gradient-to-r hover:from-indigo-50 hover:to-purple-50 transition-all duration-300 hover:scale-105>                                                div classflex-shrink-0 w-12 h-12 bg-gradient-to-br from-indigo-100 to-purple-100 rounded-xl flex items-center justify-center group-hover:from-indigo-200 group-hover:to-purple-200 transition-all duration-300>                                                    i classfab fa-instagram text-indigo-600 group-hover:text-purple-600 transition-colors duration-300>/i>                                                /div>                                                div classml-4>                                                    div classtext-sm font-semibold text-gray-900 group-hover:text-indigo-700 transition-colors duration-300>                                                        Sosyal Medya Yönetimi                                                    /div>                                                /div>                                            /a>                                                                                    a hrefhttps://agivra.com/hizmetler/web-tasarim classgroup flex items-start p-4 rounded-2xl hover:bg-gradient-to-r hover:from-indigo-50 hover:to-purple-50 transition-all duration-300 hover:scale-105>                                                div classflex-shrink-0 w-12 h-12 bg-gradient-to-br from-indigo-100 to-purple-100 rounded-xl flex items-center justify-center group-hover:from-indigo-200 group-hover:to-purple-200 transition-all duration-300>                                                    i classfas fa-code text-indigo-600 group-hover:text-purple-600 transition-colors duration-300>/i>                                                /div>                                                div classml-4>                                                    div classtext-sm font-semibold text-gray-900 group-hover:text-indigo-700 transition-colors duration-300>                                                        Web Sitesi Tasarımı                                                    /div>                                                /div>                                            /a>                                                                                    a hrefhttps://agivra.com/hizmetler/mobil-uygulama-ozel-yazilim classgroup flex items-start p-4 rounded-2xl hover:bg-gradient-to-r hover:from-indigo-50 hover:to-purple-50 transition-all duration-300 hover:scale-105>                                                div classflex-shrink-0 w-12 h-12 bg-gradient-to-br from-indigo-100 to-purple-100 rounded-xl flex items-center justify-center group-hover:from-indigo-200 group-hover:to-purple-200 transition-all duration-300>                                                    i classfas fa-mobile-alt text-indigo-600 group-hover:text-purple-600 transition-colors duration-300>/i>                                                /div>                                                div classml-4>                                                    div classtext-sm font-semibold text-gray-900 group-hover:text-indigo-700 transition-colors duration-300>                                                        Mobil Uygulama & Özel Yazılım                                                    /div>                                                /div>                                            /a>                                                                                    a hrefhttps://agivra.com/hizmetler/performans-reklamlari classgroup flex items-start p-4 rounded-2xl hover:bg-gradient-to-r hover:from-indigo-50 hover:to-purple-50 transition-all duration-300 hover:scale-105>                                                div classflex-shrink-0 w-12 h-12 bg-gradient-to-br from-indigo-100 to-purple-100 rounded-xl flex items-center justify-center group-hover:from-indigo-200 group-hover:to-purple-200 transition-all duration-300>                                                    i classfas fa-bullhorn text-indigo-600 group-hover:text-purple-600 transition-colors duration-300>/i>                                                /div>                                                div classml-4>                                                    div classtext-sm font-semibold text-gray-900 group-hover:text-indigo-700 transition-colors duration-300>                                                        Performans Reklamları (Ads)                                                    /div>                                                /div>                                            /a>                                                                                    a hrefhttps://agivra.com/hizmetler/icerik-kreatif classgroup flex items-start p-4 rounded-2xl hover:bg-gradient-to-r hover:from-indigo-50 hover:to-purple-50 transition-all duration-300 hover:scale-105>                                                div classflex-shrink-0 w-12 h-12 bg-gradient-to-br from-indigo-100 to-purple-100 rounded-xl flex items-center justify-center group-hover:from-indigo-200 group-hover:to-purple-200 transition-all duration-300>                                                    i classfas fa-palette text-indigo-600 group-hover:text-purple-600 transition-colors duration-300>/i>                                                /div>                                                div classml-4>                                                    div classtext-sm font-semibold text-gray-900 group-hover:text-indigo-700 transition-colors duration-300>                                                        İçerik & Kreatif                                                    /div>                                                /div>                                            /a>                                                                                    a hrefhttps://agivra.com/hizmetler/analitik-raporlama classgroup flex items-start p-4 rounded-2xl hover:bg-gradient-to-r hover:from-indigo-50 hover:to-purple-50 transition-all duration-300 hover:scale-105>                                                div classflex-shrink-0 w-12 h-12 bg-gradient-to-br from-indigo-100 to-purple-100 rounded-xl flex items-center justify-center group-hover:from-indigo-200 group-hover:to-purple-200 transition-all duration-300>                                                    i classfas fa-chart-line text-indigo-600 group-hover:text-purple-600 transition-colors duration-300>/i>                                                /div>                                                div classml-4>                                                    div classtext-sm font-semibold text-gray-900 group-hover:text-indigo-700 transition-colors duration-300>                                                        Analitik & Raporlama                                                    /div>                                                /div>                                            /a>                                                                                    a hrefhttps://agivra.com/hizmetler/yapay-zeka-cozumleri classgroup flex items-start p-4 rounded-2xl hover:bg-gradient-to-r hover:from-indigo-50 hover:to-purple-50 transition-all duration-300 hover:scale-105>                                                div classflex-shrink-0 w-12 h-12 bg-gradient-to-br from-indigo-100 to-purple-100 rounded-xl flex items-center justify-center group-hover:from-indigo-200 group-hover:to-purple-200 transition-all duration-300>                                                    i classfas fa-robot text-indigo-600 group-hover:text-purple-600 transition-colors duration-300>/i>                                                /div>                                                div classml-4>                                                    div classtext-sm font-semibold text-gray-900 group-hover:text-indigo-700 transition-colors duration-300>                                                        Yapay Zeka Çözümleri                                                    /div>                                                /div>                                            /a>                                                                            /div>                                    div classmt-6 pt-6 border-t border-gray-100>                                        div classtext-center>                                            a hrefhttps://agivra.com/hizmetler classtext-sm font-semibold text-indigo-600 hover:text-purple-600 transition-colors duration-200>                                                Tüm Hizmetleri Görüntüle i classfas fa-arrow-right ml-1>/i>                                            /a>                                        /div>                                    /div>                                /div>                            /div>                        /div>                                                                                a hrefhttps://agivra.com/sektorler classnav-link text-gray-700 hover:text-indigo-600 px-4 py-3 text-sm font-semibold font-inter tracking-wide transition-all duration-300 rounded-xl hover:bg-gradient-to-r hover:from-indigo-50 hover:to-purple-50>                            Sektörler                        /a>                                                                                a hrefhttps://agivra.com/portfoy classnav-link text-gray-700 hover:text-indigo-600 px-4 py-3 text-sm font-semibold font-inter tracking-wide transition-all duration-300 rounded-xl hover:bg-gradient-to-r hover:from-indigo-50 hover:to-purple-50>                            Portföy                        /a>                                                                                a hrefhttps://agivra.com/vaka-analizleri classnav-link text-gray-700 hover:text-indigo-600 px-4 py-3 text-sm font-semibold font-inter tracking-wide transition-all duration-300 rounded-xl hover:bg-gradient-to-r hover:from-indigo-50 hover:to-purple-50>                            Vaka Analizleri                        /a>                                                                                a hrefhttps://agivra.com/blog classnav-link text-gray-700 hover:text-indigo-600 px-4 py-3 text-sm font-semibold font-inter tracking-wide transition-all duration-300 rounded-xl hover:bg-gradient-to-r hover:from-indigo-50 hover:to-purple-50>                            Blog                        /a>                                                                                a hrefhttps://agivra.com/hakkimizda classnav-link text-gray-700 hover:text-indigo-600 px-4 py-3 text-sm font-semibold font-inter tracking-wide transition-all duration-300 rounded-xl hover:bg-gradient-to-r hover:from-indigo-50 hover:to-purple-50>                            Hakkımızda                        /a>                                                                                a hrefhttps://agivra.com/iletisim classnav-link text-gray-700 hover:text-indigo-600 px-4 py-3 text-sm font-semibold font-inter tracking-wide transition-all duration-300 rounded-xl hover:bg-gradient-to-r hover:from-indigo-50 hover:to-purple-50>                            İletişim                        /a>                                                /nav>            !-- Premium CTA & Mobile Button -->            div classflex items-center space-x-4>                a hrefhttps://agivra.com/teklif-al classhidden sm:inline-flex items-center bg-gradient-to-r from-indigo-500 via-purple-500 to-pink-500 text-white rounded-2xl px-6 py-3 text-sm font-bold font-inter tracking-wide cta-glow hover:scale-105 transition-all duration-300 relative overflow-hidden group>                    div classabsolute inset-0 bg-gradient-to-r from-pink-500 via-purple-500 to-indigo-500 opacity-0 group-hover:opacity-100 transition-opacity duration-300>/div>                    i classfas fa-sparkles mr-2 relative z-10>/i>                    span classrelative z-10>Ücretsiz Teklif/span>                /a>                button @clickmobileMenuOpen  !mobileMenuOpen classlg:hidden inline-flex items-center justify-center w-12 h-12 rounded-2xl text-gray-700 hover:text-indigo-600 hover:bg-gradient-to-r hover:from-indigo-50 hover:to-purple-50 transition-all duration-300>                    svg x-show!mobileMenuOpen classh-6 w-6 fillnone strokecurrentColor viewBox0 0 24 24>                        path stroke-linecapround stroke-linejoinround stroke-width2 dM4 6h16M4 12h16M4 18h16>/path>                    /svg>                    svg x-showmobileMenuOpen x-cloak classh-6 w-6 fillnone strokecurrentColor viewBox0 0 24 24>                        path stroke-linecapround stroke-linejoinround stroke-width2 dM6 18L18 6M6 6l12 12>/path>                    /svg>                /button>            /div>        /div>    /div>    !-- Premium Mobile Menu -->    div x-showmobileMenuOpen         x-transition:entertransition ease-out duration-300         x-transition:enter-startopacity-0 scale-95         x-transition:enter-endopacity-100 scale-100         x-transition:leavetransition ease-in duration-200         x-transition:leave-startopacity-100 scale-100         x-transition:leave-endopacity-0 scale-95         x-cloak         classlg:hidden fixed inset-0 z-50 font-inter>        div classbg-white/95 backdrop-blur-xl h-full flex flex-col>            div classflex justify-between items-center p-6 border-b border-gray-100>                a hrefhttps://agivra.com/ classflex items-center space-x-3>                    div classw-10 h-10 bg-gradient-to-br from-indigo-500 to-purple-600 rounded-xl flex items-center justify-center>                        i classfas fa-rocket text-white>/i>                    /div>                    div>                        span classtext-xl font-black font-space bg-gradient-to-r from-gray-900 to-indigo-800 bg-clip-text text-transparent>Agivra/span>                        div classtext-xs font-medium text-gray-500 tracking-widest uppercase -mt-1>Digital Agency/div>                    /div>                /a>                button @clickmobileMenuOpen  false classw-10 h-10 rounded-xl text-gray-700 hover:text-indigo-600 hover:bg-indigo-50 transition-all duration-200 flex items-center justify-center>                    svg classh-5 w-5 fillnone strokecurrentColor viewBox0 0 24 24>                        path stroke-linecapround stroke-linejoinround stroke-width2 dM6 18L18 6M6 6l12 12>/path>                    /svg>                /button>            /div>            nav classflex-1 overflow-y-auto p-6>                div classspace-y-2>                                                                        a hrefhttps://agivra.com/ classblock py-4 px-4 text-lg font-bold text-gray-700 hover:text-indigo-600 hover:bg-gradient-to-r hover:from-indigo-50 hover:to-purple-50 rounded-2xl transition-all duration-200>                                Ana Sayfa                            /a>                                                                                                div classborder-b border-gray-100 pb-4 mb-4>                                button @clickmobileServicesOpen  !mobileServicesOpen classflex items-center justify-between w-full text-left py-4 px-4 text-gray-700 hover:text-indigo-600 hover:bg-gradient-to-r hover:from-indigo-50 hover:to-purple-50 rounded-2xl transition-all duration-200>                                    span classtext-lg font-bold>Hizmetler/span>                                    svg classh-5 w-5 transition-transform duration-200 :class{ rotate-180: mobileServicesOpen } fillnone strokecurrentColor viewBox0 0 24 24>                                        path stroke-linecapround stroke-linejoinround stroke-width2 dM19 9l-7 7-7-7>/path>                                    /svg>                                /button>                                div x-showmobileServicesOpen x-cloak classml-4 mt-3 space-y-2>                                                                            a hrefhttps://agivra.com/hizmetler/seo-danismanligi classflex items-center py-3 px-4 text-gray-600 hover:text-indigo-600 hover:bg-indigo-50 rounded-xl transition-all duration-200>                                            i classfas fa-search text-indigo-500 mr-3 w-5>/i>                                            span classfont-medium>SEO Danışmanlığı/span>                                        /a>                                                                            a hrefhttps://agivra.com/hizmetler/sosyal-medya-yonetimi classflex items-center py-3 px-4 text-gray-600 hover:text-indigo-600 hover:bg-indigo-50 rounded-xl transition-all duration-200>                                            i classfab fa-instagram text-indigo-500 mr-3 w-5>/i>                                            span classfont-medium>Sosyal Medya Yönetimi/span>                                        /a>                                                                            a hrefhttps://agivra.com/hizmetler/web-tasarim classflex items-center py-3 px-4 text-gray-600 hover:text-indigo-600 hover:bg-indigo-50 rounded-xl transition-all duration-200>                                            i classfas fa-code text-indigo-500 mr-3 w-5>/i>                                            span classfont-medium>Web Sitesi Tasarımı/span>                                        /a>                                                                            a hrefhttps://agivra.com/hizmetler/mobil-uygulama-ozel-yazilim classflex items-center py-3 px-4 text-gray-600 hover:text-indigo-600 hover:bg-indigo-50 rounded-xl transition-all duration-200>                                            i classfas fa-mobile-alt text-indigo-500 mr-3 w-5>/i>                                            span classfont-medium>Mobil Uygulama & Özel Yazılım/span>                                        /a>                                                                            a hrefhttps://agivra.com/hizmetler/performans-reklamlari classflex items-center py-3 px-4 text-gray-600 hover:text-indigo-600 hover:bg-indigo-50 rounded-xl transition-all duration-200>                                            i classfas fa-bullhorn text-indigo-500 mr-3 w-5>/i>                                            span classfont-medium>Performans Reklamları (Ads)/span>                                        /a>                                                                            a hrefhttps://agivra.com/hizmetler/icerik-kreatif classflex items-center py-3 px-4 text-gray-600 hover:text-indigo-600 hover:bg-indigo-50 rounded-xl transition-all duration-200>                                            i classfas fa-palette text-indigo-500 mr-3 w-5>/i>                                            span classfont-medium>İçerik & Kreatif/span>                                        /a>                                                                            a hrefhttps://agivra.com/hizmetler/analitik-raporlama classflex items-center py-3 px-4 text-gray-600 hover:text-indigo-600 hover:bg-indigo-50 rounded-xl transition-all duration-200>                                            i classfas fa-chart-line text-indigo-500 mr-3 w-5>/i>                                            span classfont-medium>Analitik & Raporlama/span>                                        /a>                                                                            a hrefhttps://agivra.com/hizmetler/yapay-zeka-cozumleri classflex items-center py-3 px-4 text-gray-600 hover:text-indigo-600 hover:bg-indigo-50 rounded-xl transition-all duration-200>                                            i classfas fa-robot text-indigo-500 mr-3 w-5>/i>                                            span classfont-medium>Yapay Zeka Çözümleri/span>                                        /a>                                                                    /div>                            /div>                                                                                                a hrefhttps://agivra.com/sektorler classblock py-4 px-4 text-lg font-bold text-gray-700 hover:text-indigo-600 hover:bg-gradient-to-r hover:from-indigo-50 hover:to-purple-50 rounded-2xl transition-all duration-200>                                Sektörler                            /a>                                                                                                a hrefhttps://agivra.com/portfoy classblock py-4 px-4 text-lg font-bold text-gray-700 hover:text-indigo-600 hover:bg-gradient-to-r hover:from-indigo-50 hover:to-purple-50 rounded-2xl transition-all duration-200>                                Portföy                            /a>                                                                                                a hrefhttps://agivra.com/vaka-analizleri classblock py-4 px-4 text-lg font-bold text-gray-700 hover:text-indigo-600 hover:bg-gradient-to-r hover:from-indigo-50 hover:to-purple-50 rounded-2xl transition-all duration-200>                                Vaka Analizleri                            /a>                                                                                                a hrefhttps://agivra.com/blog classblock py-4 px-4 text-lg font-bold text-gray-700 hover:text-indigo-600 hover:bg-gradient-to-r hover:from-indigo-50 hover:to-purple-50 rounded-2xl transition-all duration-200>                                Blog                            /a>                                                                                                a hrefhttps://agivra.com/hakkimizda classblock py-4 px-4 text-lg font-bold text-gray-700 hover:text-indigo-600 hover:bg-gradient-to-r hover:from-indigo-50 hover:to-purple-50 rounded-2xl transition-all duration-200>                                Hakkımızda                            /a>                                                                                                a hrefhttps://agivra.com/iletisim classblock py-4 px-4 text-lg font-bold text-gray-700 hover:text-indigo-600 hover:bg-gradient-to-r hover:from-indigo-50 hover:to-purple-50 rounded-2xl transition-all duration-200>                                İletişim                            /a>                                                            /div>                div classmt-8 pt-6 border-t border-gray-100>                    a hrefhttps://agivra.com/teklif-al classblock w-full text-center bg-gradient-to-r from-indigo-500 to-purple-600 text-white rounded-2xl py-4 text-lg font-bold shadow-xl hover:shadow-2xl transition-all duration-300>                        i classfas fa-sparkles mr-2>/i>                        Ücretsiz Teklif Al                    /a>                /div>            /nav>        /div>    /div>/header>section classrelative min-h-screen overflow-hidden font-inter x-data{    currentSlide: 0,    slides:         {            id: 0,            title: Yapay Zeka ile,            subtitle: İş Süreçlerinizi Dönüştürün,            description: AI destekli raporlama, otomasyon ve chatbot çözümleri ile işletmenizi geleceğe taşıyın. Verilerinizi analiz edin, müşteri deneyimini geliştirin.,            image: https://images.unsplash.com/photo-1677442136019-21780ecad995?w800&h600&fitcrop,            features: AI Raporlama, Chatbot Sistemleri, Süreç Otomasyonu, Veri Analizi,            icon: fas fa-robot,            gradient: from-purple-600 via-blue-600 to-cyan-500        },        {            id: 1,            title: SEO & Sosyal Medya ile,            subtitle: Dijital Görünürlüğünüzü Artırın,            description: Google\da ilk sıralarda çıkın, sosyal medyada viral olun. Organik trafik ve etkileşim oranlarınızı maksimum seviyeye çıkarın.,            image: https://images.unsplash.com/photo-1460925895917-afdab827c52f?w800&h600&fitcrop,            features: Google SEO, Sosyal Medya, İçerik Pazarlaması, Analitik Raporlar,            icon: fas fa-chart-line,            gradient: from-green-500 via-emerald-500 to-teal-500        },        {            id: 2,            title: Özel Yazılım & Mobil,            subtitle: Uygulama Geliştirme,            description: İşletmenize özel web uygulamaları ve mobil applar. Modern teknolojiler ile kullanıcı dostu, performanslı çözümler.,            image: https://images.unsplash.com/photo-1551650975-87deedd944c3?w800&h600&fitcrop,            features: Mobil App, Web Uygulamaları, E-ticaret, API Entegrasyonu,            icon: fas fa-code,            gradient: from-orange-500 via-red-500 to-pink-500        }    } x-init    setInterval(() > {        currentSlide  (currentSlide + 1) % slides.length;    }, 6000);>    !-- Background with animated gradient -->    div classabsolute inset-0 bg-gradient-to-br transition-all duration-1000 ease-in-out         :classslidescurrentSlide.gradient>        div classabsolute inset-0 bg-black/20>/div>        div classabsolute inset-0 hero-pattern>/div>    /div>    !-- Floating Elements -->    div classabsolute inset-0 overflow-hidden pointer-events-none>        div classabsolute top-20 left-10 w-20 h-20 bg-white/10 rounded-full blur-xl animate-pulse>/div>        div classabsolute top-40 right-20 w-32 h-32 bg-white/5 rounded-full blur-2xl animate-bounce styleanimation-duration: 3s;>/div>        div classabsolute bottom-32 left-1/4 w-16 h-16 bg-white/10 rounded-full blur-lg animate-pulse styleanimation-delay: 1s;>/div>        div classabsolute top-1/3 right-1/3 w-24 h-24 bg-white/5 rounded-full blur-xl animate-bounce styleanimation-duration: 4s; animation-delay: 2s;>/div>    /div>    div classrelative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 min-h-screen flex items-center>        div classgrid grid-cols-1 lg:grid-cols-2 gap-12 items-center w-full py-20>            !-- Content Area -->            div classtext-center lg:text-left z-10>                !-- Slide Indicator -->                div classflex items-center justify-center lg:justify-start mb-6>                    div classflex items-center space-x-2 bg-white/20 backdrop-blur-lg rounded-full px-4 py-2>                        i :classslidescurrentSlide.icon classtext-white text-lg>/i>                        span classtext-white text-sm font-semibold font-space tracking-wide>                            span x-text`0${currentSlide + 1}`>/span> / 03                        /span>                    /div>                /div>                !-- Main Title -->                div classoverflow-hidden mb-4>                    h1 classtext-4xl md:text-5xl lg:text-6xl xl:text-7xl font-black font-space text-white leading-tight transform transition-all duration-700                        :keycurrentSlide                        x-transition:entertransition ease-out duration-700 delay-100                        x-transition:enter-startopacity-0 translate-y-8                        x-transition:enter-endopacity-100 translate-y-0>                        span x-textslidescurrentSlide.title classblock>/span>                        span x-textslidescurrentSlide.subtitle                              classblock bg-gradient-to-r from-yellow-300 via-pink-300 to-white bg-clip-text text-transparent font-extrabold>/span>                    /h1>                /div>                !-- Description -->                div classoverflow-hidden mb-8>                    p classtext-lg md:text-xl lg:text-2xl text-gray-100 leading-relaxed max-w-2xl mx-auto lg:mx-0 transform transition-all duration-700 delay-200                       :keycurrentSlide + desc                       x-transition:entertransition ease-out duration-700 delay-300                       x-transition:enter-startopacity-0 translate-y-8                       x-transition:enter-endopacity-100 translate-y-0                       x-textslidescurrentSlide.description>                    /p>                /div>                !-- Features Grid -->                div classgrid grid-cols-2 gap-4 mb-10 max-w-md mx-auto lg:mx-0>                    template x-for(feature, index) in slidescurrentSlide.features :keycurrentSlide + feature + index>                        div classflex items-center space-x-2 transform transition-all duration-700                             :style`animation-delay: ${index * 100 + 400}ms`                             x-transition:entertransition ease-out duration-700                             x-transition:enter-startopacity-0 translate-x-4                             x-transition:enter-endopacity-100 translate-x-0>                            div classw-2 h-2 bg-gradient-to-r from-yellow-400 to-pink-400 rounded-full>/div>                            span classtext-white font-medium font-inter x-textfeature>/span>                        /div>                    /template>                /div>                !-- CTA Buttons -->                div classflex flex-col sm:flex-row gap-4 justify-center lg:justify-start transform transition-all duration-700 delay-600                     x-transition:entertransition ease-out duration-700 delay-600                     x-transition:enter-startopacity-0 translate-y-8                     x-transition:enter-endopacity-100 translate-y-0>                    a href#hizmetler classgroup bg-white text-gray-900 px-8 py-4 rounded-2xl font-bold text-lg hover:bg-gray-100 transition-all duration-300 shadow-2xl hover:shadow-white/25 hover:scale-105 flex items-center justify-center>                        i classfas fa-rocket mr-3 group-hover:rotate-12 transition-transform duration-300>/i>                        span x-textcurrentSlide  0 ? AI Çözümlerini Keşfet : currentSlide  1 ? SEO Hizmetlerimizi İncele : Yazılım Projelerine Bak>/span>                    /a>                    a href/teklif-al classgroup border-2 border-white text-white px-8 py-4 rounded-2xl font-bold text-lg hover:bg-white hover:text-gray-900 transition-all duration-300 flex items-center justify-center>                        i classfas fa-paper-plane mr-3 group-hover:rotate-12 transition-transform duration-300>/i>                        Ücretsiz Konsültasyon                    /a>                /div>                !-- Stats Counter -->                div classgrid grid-cols-3 gap-8 mt-16 text-center transform transition-all duration-700 delay-700                     x-transition:entertransition ease-out duration-700 delay-700                     x-transition:enter-startopacity-0 translate-y-8                     x-transition:enter-endopacity-100 translate-y-0>                    div classbg-white/10 backdrop-blur-lg rounded-2xl p-4>                        div classtext-3xl lg:text-4xl font-black text-white mb-2 font-space>500+/div>                        div classtext-gray-200 font-medium font-inter>Mutlu Müşteri/div>                    /div>                    div classbg-white/10 backdrop-blur-lg rounded-2xl p-4>                        div classtext-3xl lg:text-4xl font-black text-white mb-2 font-space>1000+/div>                        div classtext-gray-200 font-medium font-inter>Tamamlanan Proje/div>                    /div>                    div classbg-white/10 backdrop-blur-lg rounded-2xl p-4>                        div classtext-3xl lg:text-4xl font-black text-white mb-2 font-space>%200/div>                        div classtext-gray-200 font-medium font-inter>Ortalama Büyüme/div>                    /div>                /div>            /div>            !-- Visual Area -->            div classrelative z-10>                !-- Main Image Container -->                div classrelative>                    div classrelative transform transition-all duration-700 hover:scale-105>                        template x-for(slide, index) in slides :keyslide.id>                            div x-showcurrentSlide  index                                 x-transition:entertransition ease-out duration-700                                 x-transition:enter-startopacity-0 scale-95 rotate-3                                 x-transition:enter-endopacity-100 scale-100 rotate-0                                 x-transition:leavetransition ease-in duration-300                                 x-transition:leave-startopacity-100 scale-100 rotate-0                                 x-transition:leave-endopacity-0 scale-95 rotate-3                                 classrelative>                                !-- Glow Effect -->                                div classabsolute -inset-4 bg-gradient-to-r opacity-30 rounded-3xl blur-2xl transition-all duration-700                                     :classslide.gradient>/div>                                !-- Main Image -->                                img :srcslide.image                                     :altslide.title                                     classrelative w-full h-80 lg:h-96 object-cover rounded-3xl shadow-2xl>                                !-- Overlay Info Card -->                                div classabsolute -bottom-6 -right-6 bg-white/95 backdrop-blur-lg rounded-2xl p-6 shadow-2xl transform hover:scale-105 transition-all duration-300>                                    div classflex items-center space-x-3 mb-3>                                        div classw-12 h-12 rounded-xl flex items-center justify-center transition-all duration-300                                             :class`bg-gradient-to-br ${slide.gradient}`>                                            i :classslide.icon classtext-white text-xl>/i>                                        /div>                                        div>                                            div classtext-sm font-bold text-gray-900 font-space>Uzman Çözümler/div>                                            div classtext-xs text-gray-600 font-inter>7/24 Destek/div>                                        /div>                                    /div>                                    div classflex items-center space-x-2>                                        div classw-3 h-3 bg-green-500 rounded-full animate-pulse>/div>                                        span classtext-sm font-semibold text-gray-700 font-inter>Şimdi Aktif/span>                                    /div>                                /div>                                !-- Floating Elements -->                                div classabsolute top-4 left-4 bg-white/20 backdrop-blur-lg rounded-xl p-3 shadow-lg animate-bounce styleanimation-duration: 3s;>                                    i classfas fa-star text-yellow-300 text-lg>/i>                                /div>                            /div>                        /template>                    /div>                /div>                !-- Side Floating Cards -->                div classabsolute -left-8 top-1/2 transform -translate-y-1/2 space-y-4 hidden xl:block>                    div classbg-white/10 backdrop-blur-lg rounded-xl p-4 shadow-lg hover:scale-110 transition-all duration-300>                        i classfas fa-award text-yellow-300 text-2xl mb-2 block>/i>                        div classtext-white font-bold text-sm>Premium/div>                    /div>                    div classbg-white/10 backdrop-blur-lg rounded-xl p-4 shadow-lg hover:scale-110 transition-all duration-300>                        i classfas fa-shield-alt text-green-300 text-2xl mb-2 block>/i>                        div classtext-white font-bold text-sm>Güvenli/div>                    /div>                /div>            /div>        /div>    /div>    !-- Slide Navigation -->    div classabsolute bottom-8 left-1/2 transform -translate-x-1/2 z-20>        div classflex items-center space-x-4 bg-white/20 backdrop-blur-lg rounded-full px-6 py-3>            !-- Dots -->            div classflex space-x-2>                template x-for(slide, index) in slides :keyslide.id>                    button @clickcurrentSlide  index                            classw-3 h-3 rounded-full transition-all duration-300 hover:scale-125                            :classcurrentSlide  index ? bg-white shadow-lg : bg-white/50 hover:bg-white/70>                    /button>                /template>            /div>            !-- Navigation Arrows -->            div classflex space-x-2 border-l border-white/30 pl-4>                button @clickcurrentSlide  currentSlide > 0 ? currentSlide - 1 : slides.length - 1                        classw-8 h-8 bg-white/20 hover:bg-white/30 rounded-full flex items-center justify-center transition-all duration-200 hover:scale-110>                    i classfas fa-chevron-left text-white text-sm>/i>                /button>                button @clickcurrentSlide  (currentSlide + 1) % slides.length                        classw-8 h-8 bg-white/20 hover:bg-white/30 rounded-full flex items-center justify-center transition-all duration-200 hover:scale-110>                    i classfas fa-chevron-right text-white text-sm>/i>                /button>            /div>        /div>    /div>    !-- Progress Bar -->    div classabsolute bottom-0 left-0 w-full h-1 bg-white/20>        div classh-full bg-gradient-to-r from-yellow-400 to-pink-400 transition-all duration-75 ease-linear             :style`width: ${((currentSlide + 1) / slides.length) * 100}%`>        /div>    /div>    !-- Scroll Indicator -->    div classabsolute bottom-16 left-8 hidden lg:block animate-bounce>        div classflex flex-col items-center space-y-2 text-white/70>            span classtext-sm font-medium font-inter tracking-wider rotate-90 origin-center>SCROLL/span>            div classw-px h-12 bg-gradient-to-b from-white/70 to-transparent>/div>        /div>    /div>/section>section classrelative py-20 lg:py-32 bg-gradient-to-br from-gray-50 via-white to-indigo-50 overflow-hidden>    !-- Background Elements -->    div classabsolute inset-0 overflow-hidden pointer-events-none>        !-- Animated World Map Background -->        div classabsolute inset-0 opacity-5>            svg viewBox0 0 1000 500 classw-full h-full>                defs>                    pattern idworldPattern x0 y0 width40 height40 patternUnitsuserSpaceOnUse>                        circle cx20 cy20 r1 fillcurrentColor opacity0.3/>                    /pattern>                /defs>                rect width100% height100% fillurl(#worldPattern)/>            /svg>        /div>        !-- Floating Connection Lines -->        div classabsolute inset-0>            div classabsolute top-1/4 left-1/4 w-px h-32 bg-gradient-to-b from-indigo-300 to-transparent animate-pulse>/div>            div classabsolute top-1/3 right-1/3 w-px h-24 bg-gradient-to-b from-purple-300 to-transparent animate-pulse styleanimation-delay: 1s;>/div>            div classabsolute bottom-1/4 left-1/2 w-px h-20 bg-gradient-to-b from-cyan-300 to-transparent animate-pulse styleanimation-delay: 2s;>/div>        /div>        !-- Floating Orbs -->        div classabsolute top-20 left-10 w-4 h-4 bg-indigo-400 rounded-full animate-bounce opacity-60 styleanimation-duration: 3s;>/div>        div classabsolute top-40 right-20 w-6 h-6 bg-purple-400 rounded-full animate-bounce opacity-60 styleanimation-duration: 4s; animation-delay: 1s;>/div>        div classabsolute bottom-32 left-1/3 w-3 h-3 bg-cyan-400 rounded-full animate-bounce opacity-60 styleanimation-duration: 5s; animation-delay: 2s;>/div>    /div>    div classrelative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 z-10>        !-- Header Section -->        div classtext-center mb-20>            div classinline-flex items-center bg-gradient-to-r from-indigo-100 to-purple-100 rounded-full px-6 py-3 mb-8>                div classw-3 h-3 bg-gradient-to-r from-green-400 to-blue-500 rounded-full animate-pulse mr-3>/div>                span classtext-indigo-800 font-bold font-space tracking-wide text-sm>GLOBAL DİJİTAL AJANS/span>            /div>            h2 classtext-4xl md:text-5xl lg:text-6xl font-black font-space text-gray-900 mb-6 leading-tight>                Dünya Çapında                span classbg-gradient-to-r from-indigo-600 via-purple-600 to-pink-600 bg-clip-text text-transparent>                    Dinamik Ekipler                /span>            /h2>            p classtext-xl md:text-2xl text-gray-600 max-w-4xl mx-auto leading-relaxed font-inter>                Global freelancer ağımızla proje bazlı özel ekipler oluşturuyor, dünyanın her yerinden 7/24 kesintisiz hizmet alıp sunuyoruz            /p>        /div>        !-- Main Content Grid -->        div classgrid grid-cols-1 lg:grid-cols-2 gap-16 items-center mb-20>            !-- Left Content -->            div classspace-y-8>                !-- Step 1 -->                div classflex items-start space-x-6>                    div classflex-shrink-0 w-16 h-16 bg-gradient-to-br from-blue-500 to-cyan-500 rounded-2xl flex items-center justify-center shadow-xl>                        i classfas fa-project-diagram text-white text-xl>/i>                    /div>                    div>                        h3 classtext-2xl font-bold text-gray-900 font-space mb-3>Proje Analizi/h3>                        p classtext-gray-600 font-inter leading-relaxed>                            Projenizin ihtiyaçlarını analiz ediyoruz ve global freelancer ağımızdan en uygun uzmanları belirliyoruz.                        /p>                    /div>                /div>                !-- Step 2 -->                div classflex items-start space-x-6>                    div classflex-shrink-0 w-16 h-16 bg-gradient-to-br from-indigo-500 to-purple-500 rounded-2xl flex items-center justify-center shadow-xl>                        i classfas fa-users-cog text-white text-xl>/i>                    /div>                    div>                        h3 classtext-2xl font-bold text-gray-900 font-space mb-3>Dinamik Ekip Kurma/h3>                        p classtext-gray-600 font-inter leading-relaxed>                            Projenize özel ekip oluştururuz. İhtiyaca göre yeni uzmanlar dahil ederek ekibi güçlendiririz.                        /p>                    /div>                /div>                !-- Step 3 -->                div classflex items-start space-x-6>                    div classflex-shrink-0 w-16 h-16 bg-gradient-to-br from-purple-500 to-pink-500 rounded-2xl flex items-center justify-center shadow-xl>                        i classfas fa-globe-americas text-white text-xl>/i>                    /div>                    div>                        h3 classtext-2xl font-bold text-gray-900 font-space mb-3>7/24 Global Hizmet/h3>                        p classtext-gray-600 font-inter leading-relaxed>                            Farklı saat dilimlerindeki ekiplerimiz sayesinde kesintisiz çalışma ve hızlı teslimat garantisi.                        /p>                    /div>                /div>                !-- CTA Button -->                div classmt-12>                    a href/ekibimiz classinline-flex items-center bg-gradient-to-r from-indigo-600 via-purple-600 to-pink-600 text-white px-8 py-4 rounded-2xl font-bold text-lg shadow-2xl hover:shadow-indigo-500/25 hover:scale-105 transition-all duration-300>                        i classfas fa-users mr-3>/i>                        Global Ekibimizi Tanıyın                    /a>                /div>            /div>            !-- Right Visual -->            div classrelative>                !-- Main Globe Container -->                div classrelative mx-auto w-80 h-80 lg:w-96 lg:h-96>                    !-- Central Hub -->                    div classabsolute inset-0 flex items-center justify-center>                        div classw-24 h-24 bg-gradient-to-br from-indigo-600 to-purple-600 rounded-full flex items-center justify-center shadow-2xl>                            i classfas fa-rocket text-white text-2xl>/i>                        /div>                        div classabsolute inset-0 border-4 border-dashed border-indigo-300 rounded-full animate-spin styleanimation-duration: 20s;>/div>                    /div>                    !-- Freelancer 1 - Top -->                    div classabsolute top-0 left-1/2 transform -translate-x-1/2 -translate-y-8>                        div classrelative>                            div classw-16 h-16 rounded-full overflow-hidden border-4 border-white shadow-xl bg-gradient-to-br from-blue-400 to-cyan-500>                                img srchttps://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w64&h64&fitcrop&cropface                                     altDeveloper USA classw-full h-full object-cover>                            /div>                            div classabsolute -top-2 -right-2 w-6 h-6 bg-green-500 rounded-full border-2 border-white flex items-center justify-center>                                i classfas fa-code text-white text-xs>/i>                            /div>                            div classabsolute -bottom-8 left-1/2 transform -translate-x-1/2 text-center>                                div classbg-white/90 backdrop-blur-sm rounded-lg px-3 py-1 text-xs font-bold text-gray-700 shadow-lg whitespace-nowrap>                                    Developer - USA                                /div>                            /div>                        /div>                    /div>                    !-- Freelancer 2 - Right -->                    div classabsolute top-1/2 right-0 transform translate-x-8 -translate-y-1/2>                        div classrelative>                            div classw-16 h-16 rounded-full overflow-hidden border-4 border-white shadow-xl bg-gradient-to-br from-purple-400 to-pink-500>                                img srchttps://images.unsplash.com/photo-1494790108755-2616b612b776?w64&h64&fitcrop&cropface                                     altDesigner UK classw-full h-full object-cover>                            /div>                            div classabsolute -top-2 -right-2 w-6 h-6 bg-purple-500 rounded-full border-2 border-white flex items-center justify-center>                                i classfas fa-palette text-white text-xs>/i>                            /div>                            div classabsolute -bottom-8 left-1/2 transform -translate-x-1/2 text-center>                                div classbg-white/90 backdrop-blur-sm rounded-lg px-3 py-1 text-xs font-bold text-gray-700 shadow-lg whitespace-nowrap>                                    Designer - UK                                /div>                            /div>                        /div>                    /div>                    !-- Freelancer 3 - Bottom -->                    div classabsolute bottom-0 left-1/2 transform -translate-x-1/2 translate-y-8>                        div classrelative>                            div classw-16 h-16 rounded-full overflow-hidden border-4 border-white shadow-xl bg-gradient-to-br from-green-400 to-emerald-500>                                img srchttps://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w64&h64&fitcrop&cropface                                     altAnalyst Germany classw-full h-full object-cover>                            /div>                            div classabsolute -top-2 -right-2 w-6 h-6 bg-blue-500 rounded-full border-2 border-white flex items-center justify-center>                                i classfas fa-chart-line text-white text-xs>/i>                            /div>                            div classabsolute -bottom-8 left-1/2 transform -translate-x-1/2 text-center>                                div classbg-white/90 backdrop-blur-sm rounded-lg px-3 py-1 text-xs font-bold text-gray-700 shadow-lg whitespace-nowrap>                                    Analyst - Germany                                /div>                            /div>                        /div>                    /div>                    !-- Freelancer 4 - Left -->                    div classabsolute top-1/2 left-0 transform -translate-x-8 -translate-y-1/2>                        div classrelative>                            div classw-16 h-16 rounded-full overflow-hidden border-4 border-white shadow-xl bg-gradient-to-br from-orange-400 to-red-500>                                img srchttps://images.unsplash.com/photo-1438761681033-6461ffad8d80?w64&h64&fitcrop&cropface                                     altMarketer Japan classw-full h-full object-cover>                            /div>                            div classabsolute -top-2 -right-2 w-6 h-6 bg-orange-500 rounded-full border-2 border-white flex items-center justify-center>                                i classfas fa-bullhorn text-white text-xs>/i>                            /div>                            div classabsolute -bottom-8 left-1/2 transform -translate-x-1/2 text-center>                                div classbg-white/90 backdrop-blur-sm rounded-lg px-3 py-1 text-xs font-bold text-gray-700 shadow-lg whitespace-nowrap>                                    Marketer - Japan                                /div>                            /div>                        /div>                    /div>                    !-- Connection Lines -->                    svg classabsolute inset-0 w-full h-full pointer-events-none viewBox0 0 400 400>                        defs>                            linearGradient idconnectionGrad1 x10% y10% x2100% y2100%>                                stop offset0% stylestop-color:#6366f1;stop-opacity:0.8 />                                stop offset100% stylestop-color:#8b5cf6;stop-opacity:0.2 />                            /linearGradient>                        /defs>                        !-- Static connection lines to avoid conflicts -->                        line x1200 y1200 x2200 y250 strokeurl(#connectionGrad1) stroke-width2 stroke-dasharray5,5 opacity0.6>/line>                        line x1200 y1200 x2350 y2200 strokeurl(#connectionGrad1) stroke-width2 stroke-dasharray5,5 opacity0.6>/line>                        line x1200 y1200 x2200 y2350 strokeurl(#connectionGrad1) stroke-width2 stroke-dasharray5,5 opacity0.6>/line>                        line x1200 y1200 x250 y2200 strokeurl(#connectionGrad1) stroke-width2 stroke-dasharray5,5 opacity0.6>/line>                    /svg>                /div>            /div>        /div>        !-- Stats Section -->        div classgrid grid-cols-2 md:grid-cols-4 gap-8 mb-20>            div classtext-center>                div classw-20 h-20 bg-gradient-to-br from-blue-500 to-cyan-500 rounded-2xl flex items-center justify-center mx-auto mb-4 shadow-xl>                    i classfas fa-users text-white text-2xl>/i>                /div>                div classtext-3xl lg:text-4xl font-black text-gray-900 font-space mb-2>150+/div>                div classtext-gray-600 font-inter font-medium>Global Freelancer/div>            /div>            div classtext-center>                div classw-20 h-20 bg-gradient-to-br from-indigo-500 to-purple-500 rounded-2xl flex items-center justify-center mx-auto mb-4 shadow-xl>                    i classfas fa-globe text-white text-2xl>/i>                /div>                div classtext-3xl lg:text-4xl font-black text-gray-900 font-space mb-2>35/div>                div classtext-gray-600 font-inter font-medium>Farklı Ülke/div>            /div>            div classtext-center>                div classw-20 h-20 bg-gradient-to-br from-purple-500 to-pink-500 rounded-2xl flex items-center justify-center mx-auto mb-4 shadow-xl>                    i classfas fa-clock text-white text-2xl>/i>                /div>                div classtext-3xl lg:text-4xl font-black text-gray-900 font-space mb-2>24/7/div>                div classtext-gray-600 font-inter font-medium>Kesintisiz Hizmet/div>            /div>            div classtext-center>                div classw-20 h-20 bg-gradient-to-br from-green-500 to-emerald-500 rounded-2xl flex items-center justify-center mx-auto mb-4 shadow-xl>                    i classfas fa-rocket text-white text-2xl>/i>                /div>                div classtext-3xl lg:text-4xl font-black text-gray-900 font-space mb-2>48h/div>                div classtext-gray-600 font-inter font-medium>Ekip Kurma Süresi/div>            /div>        /div>        !-- Bottom CTA -->        div classtext-center>            div classbg-gradient-to-r from-indigo-600 via-purple-600 to-pink-600 rounded-3xl p-12 text-white shadow-2xl>                h3 classtext-3xl lg:text-4xl font-black font-space mb-4>                    Projeniz İçin Özel Ekibinizi Oluşturalım                /h3>                p classtext-xl text-indigo-100 mb-8 max-w-2xl mx-auto font-inter>                    Global uzmanlarımızla projenizin ihtiyaçlarına özel dinamik ekip kuruyoruz. 48 saat içinde işe başlıyoruz.                /p>                div classflex flex-col sm:flex-row gap-4 justify-center>                    a href/teklif-al classbg-white text-indigo-600 px-8 py-4 rounded-2xl font-bold text-lg hover:bg-gray-100 transition-all duration-300 shadow-xl hover:scale-105>                        i classfas fa-paper-plane mr-2>/i>                        Ekibimi Oluştur                    /a>                    a href/global-ekibimiz classborder-2 border-white text-white px-8 py-4 rounded-2xl font-bold text-lg hover:bg-white hover:text-indigo-600 transition-all duration-300>                        i classfas fa-users mr-2>/i>                        Ekibi İncele                    /a>                /div>            /div>        /div>    /div>/section>!-- Premium Hizmetlerimiz Section -->section idhizmetler classpy-24 lg:py-32 bg-gradient-to-br from-gray-50 via-white to-indigo-50 relative overflow-hidden>    !-- Background Pattern -->    div classabsolute inset-0 opacity-30>        div classabsolute inset-0 stylebackground-image: radial-gradient(circle at 1px 1px, rgba(99,102,241,0.15) 1px, transparent 0); background-size: 20px 20px;>/div>    /div>    !-- Floating Elements -->    div classabsolute top-20 left-10 w-20 h-20 bg-gradient-to-br from-purple-400 to-blue-500 rounded-full opacity-20 animate-bounce styleanimation-duration: 4s;>/div>    div classabsolute top-1/2 right-10 w-16 h-16 bg-gradient-to-br from-green-400 to-cyan-500 rounded-full opacity-20 animate-bounce styleanimation-duration: 3s; animation-delay: 1s;>/div>    div classabsolute bottom-32 left-1/4 w-12 h-12 bg-gradient-to-br from-pink-400 to-red-500 rounded-full opacity-20 animate-bounce styleanimation-duration: 5s; animation-delay: 2s;>/div>    div classrelative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8>        !-- Header -->        div classtext-center mb-20>            div classinline-flex items-center bg-white/80 backdrop-blur-sm rounded-full px-6 py-3 mb-8 shadow-lg>                div classw-3 h-3 bg-gradient-to-r from-purple-500 to-pink-500 rounded-full animate-pulse mr-3>/div>                span classtext-gray-800 font-bold font-space tracking-wide text-sm>PREMİUM HİZMETLERİMİZ/span>            /div>            h2 classtext-4xl md:text-5xl lg:text-6xl font-black font-space text-gray-900 mb-6 leading-tight>                Dijital Dönüşümün                span classbg-gradient-to-r from-purple-600 via-blue-600 to-cyan-500 bg-clip-text text-transparent>                    Her Aşaması                /span>            /h2>            p classtext-xl md:text-2xl text-gray-600 max-w-4xl mx-auto leading-relaxed font-inter>                En son teknolojiler ve global uzman ekibimizle işletmenizin dijital dönüşümünü başarıyla yönetiyoruz            /p>        /div>        !-- Services Grid -->        div classgrid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-8 mb-16>                            div classgroup relative bg-white rounded-3xl shadow-xl hover:shadow-2xl transition-all duration-500 overflow-hidden transform hover:-translate-y-2 ring-4 ring-purple-500/20>                    !-- Popular Badge -->                                            div classabsolute -top-4 -right-4 z-10>                            div classbg-gradient-to-r from-purple-600 to-pink-600 text-white px-4 py-2 rounded-full text-xs font-bold shadow-lg transform rotate-12>                                i classfas fa-star mr-1>/i>                                EN POPÜLER                            /div>                        /div>                                        !-- Background Gradient -->                    div classabsolute inset-0 bg-gradient-to-br from-purple-50 to-blue-50 opacity-50 group-hover:opacity-70 transition-opacity duration-500>/div>                    !-- Content -->                    div classrelative p-8>                        !-- Service Header -->                        div classflex items-start mb-6>                            div classflex-1>                                div classw-16 h-16 bg-gradient-to-br from-purple-600 via-blue-600 to-cyan-500 rounded-2xl flex items-center justify-center mb-4 shadow-lg group-hover:scale-110 transition-transform duration-300>                                    i classfas fa-robot text-white text-2xl>/i>                                /div>                                h3 classtext-2xl font-bold text-gray-900 font-space mb-2>                                    Yapay Zeka Çözümleri                                /h3>                                p classtext-sm font-semibold text-gray-600 font-inter mb-3>                                    AI ile İş Süreçlerinizi Dönüştürün                                /p>                            /div>                        /div>                        !-- Description -->                        p classtext-gray-600 leading-relaxed mb-6 font-inter>                            Gelişmiş yapay zeka teknolojileri ile işletmenizi otomatikleştirin, veri analizlerinizi güçlendirin ve müşteri deneyimini bir üst seviyeye taşıyın.                        /p>                        !-- Features List -->                        div classspace-y-3 mb-8>                                                            div classflex items-start space-x-3>                                    div classflex-shrink-0 w-8 h-8 bg-gradient-to-br from-purple-600 via-blue-600 to-cyan-500 rounded-lg flex items-center justify-center>                                        i classfas fa-comments text-white text-sm>/i>                                    /div>                                    div classflex-1>                                        div classfont-semibold text-gray-900 text-sm font-inter>AI Chatbot Sistemleri/div>                                        div classtext-xs text-gray-600 font-inter>7/24 müşteri desteği/div>                                    /div>                                /div>                                                            div classflex items-start space-x-3>                                    div classflex-shrink-0 w-8 h-8 bg-gradient-to-br from-purple-600 via-blue-600 to-cyan-500 rounded-lg flex items-center justify-center>                                        i classfas fa-chart-pie text-white text-sm>/i>                                    /div>                                    div classflex-1>                                        div classfont-semibold text-gray-900 text-sm font-inter>Otomatik Raporlama/div>                                        div classtext-xs text-gray-600 font-inter>Gerçek zamanlı analitik/div>                                    /div>                                /div>                                                            div classflex items-start space-x-3>                                    div classflex-shrink-0 w-8 h-8 bg-gradient-to-br from-purple-600 via-blue-600 to-cyan-500 rounded-lg flex items-center justify-center>                                        i classfas fa-cogs text-white text-sm>/i>                                    /div>                                    div classflex-1>                                        div classfont-semibold text-gray-900 text-sm font-inter>Süreç Otomasyonu/div>                                        div classtext-xs text-gray-600 font-inter>İş akışı optimizasyonu/div>                                    /div>                                /div>                                                            div classflex items-start space-x-3>                                    div classflex-shrink-0 w-8 h-8 bg-gradient-to-br from-purple-600 via-blue-600 to-cyan-500 rounded-lg flex items-center justify-center>                                        i classfas fa-brain text-white text-sm>/i>                                    /div>                                    div classflex-1>                                        div classfont-semibold text-gray-900 text-sm font-inter>Tahminleme Modelleri/div>                                        div classtext-xs text-gray-600 font-inter>Satış ve trend tahminleri/div>                                    /div>                                /div>                                                    /div>                        !-- CTA Buttons -->                        div classflex flex-col sm:flex-row gap-3>                            a href/hizmetler/1 classflex-1 bg-gradient-to-r from-purple-600 via-blue-600 to-cyan-500 text-white text-center py-3 px-4 rounded-xl font-semibold text-sm hover:shadow-lg transition-all duration-300 hover:scale-105>                                i classfas fa-info-circle mr-2>/i>                                Detaylar                            /a>                            a href/teklif-al?service1 classflex-1 border-2 border-gray-300 text-gray-700 text-center py-3 px-4 rounded-xl font-semibold text-sm hover:border-gray-400 hover:bg-gray-50 transition-all duration-300>                                i classfas fa-paper-plane mr-2>/i>                                Teklif Al                            /a>                        /div>                    /div>                    !-- Hover Effect Overlay -->                    div classabsolute inset-0 bg-gradient-to-br from-purple-600 via-blue-600 to-cyan-500 opacity-0 group-hover:opacity-5 transition-opacity duration-500 pointer-events-none>/div>                /div>                            div classgroup relative bg-white rounded-3xl shadow-xl hover:shadow-2xl transition-all duration-500 overflow-hidden transform hover:-translate-y-2 >                    !-- Popular Badge -->                                        !-- Background Gradient -->                    div classabsolute inset-0 bg-gradient-to-br from-green-50 to-emerald-50 opacity-50 group-hover:opacity-70 transition-opacity duration-500>/div>                    !-- Content -->                    div classrelative p-8>                        !-- Service Header -->                        div classflex items-start mb-6>                            div classflex-1>                                div classw-16 h-16 bg-gradient-to-br from-green-500 via-emerald-500 to-teal-500 rounded-2xl flex items-center justify-center mb-4 shadow-lg group-hover:scale-110 transition-transform duration-300>                                    i classfas fa-chart-line text-white text-2xl>/i>                                /div>                                h3 classtext-2xl font-bold text-gray-900 font-space mb-2>                                    SEO & Sosyal Medya                                /h3>                                p classtext-sm font-semibold text-gray-600 font-inter mb-3>                                    Dijital Görünürlüğünüzü Maksimuma Çıkarın                                /p>                            /div>                        /div>                        !-- Description -->                        p classtext-gray-600 leading-relaxed mb-6 font-inter>                            Googleda ilk sıralarda çıkın, sosyal medyada viral olun. Organik trafik ve etkileşim oranlarınızı exponansiyel olarak artırın.                        /p>                        !-- Features List -->                        div classspace-y-3 mb-8>                                                            div classflex items-start space-x-3>                                    div classflex-shrink-0 w-8 h-8 bg-gradient-to-br from-green-500 via-emerald-500 to-teal-500 rounded-lg flex items-center justify-center>                                        i classfab fa-google text-white text-sm>/i>                                    /div>                                    div classflex-1>                                        div classfont-semibold text-gray-900 text-sm font-inter>Google SEO Optimizasyonu/div>                                        div classtext-xs text-gray-600 font-inter>İlk sayfa garantisi/div>                                    /div>                                /div>                                                            div classflex items-start space-x-3>                                    div classflex-shrink-0 w-8 h-8 bg-gradient-to-br from-green-500 via-emerald-500 to-teal-500 rounded-lg flex items-center justify-center>                                        i classfas fa-share-alt text-white text-sm>/i>                                    /div>                                    div classflex-1>                                        div classfont-semibold text-gray-900 text-sm font-inter>Sosyal Medya Stratejisi/div>                                        div classtext-xs text-gray-600 font-inter>Viral içerik üretimi/div>                                    /div>                                /div>                                                            div classflex items-start space-x-3>                                    div classflex-shrink-0 w-8 h-8 bg-gradient-to-br from-green-500 via-emerald-500 to-teal-500 rounded-lg flex items-center justify-center>                                        i classfas fa-pen-fancy text-white text-sm>/i>                                    /div>                                    div classflex-1>                                        div classfont-semibold text-gray-900 text-sm font-inter>İçerik Pazarlaması/div>                                        div classtext-xs text-gray-600 font-inter>Blog ve video içerikleri/div>                                    /div>                                /div>                                                            div classflex items-start space-x-3>                                    div classflex-shrink-0 w-8 h-8 bg-gradient-to-br from-green-500 via-emerald-500 to-teal-500 rounded-lg flex items-center justify-center>                                        i classfas fa-bullhorn text-white text-sm>/i>                                    /div>                                    div classflex-1>                                        div classfont-semibold text-gray-900 text-sm font-inter>Reklam Kampanyaları/div>                                        div classtext-xs text-gray-600 font-inter>Google Ads & Facebook Ads/div>                                    /div>                                /div>                                                    /div>                        !-- CTA Buttons -->                        div classflex flex-col sm:flex-row gap-3>                            a href/hizmetler/2 classflex-1 bg-gradient-to-r from-green-500 via-emerald-500 to-teal-500 text-white text-center py-3 px-4 rounded-xl font-semibold text-sm hover:shadow-lg transition-all duration-300 hover:scale-105>                                i classfas fa-info-circle mr-2>/i>                                Detaylar                            /a>                            a href/teklif-al?service2 classflex-1 border-2 border-gray-300 text-gray-700 text-center py-3 px-4 rounded-xl font-semibold text-sm hover:border-gray-400 hover:bg-gray-50 transition-all duration-300>                                i classfas fa-paper-plane mr-2>/i>                                Teklif Al                            /a>                        /div>                    /div>                    !-- Hover Effect Overlay -->                    div classabsolute inset-0 bg-gradient-to-br from-green-500 via-emerald-500 to-teal-500 opacity-0 group-hover:opacity-5 transition-opacity duration-500 pointer-events-none>/div>                /div>                            div classgroup relative bg-white rounded-3xl shadow-xl hover:shadow-2xl transition-all duration-500 overflow-hidden transform hover:-translate-y-2 >                    !-- Popular Badge -->                                        !-- Background Gradient -->                    div classabsolute inset-0 bg-gradient-to-br from-orange-50 to-pink-50 opacity-50 group-hover:opacity-70 transition-opacity duration-500>/div>                    !-- Content -->                    div classrelative p-8>                        !-- Service Header -->                        div classflex items-start mb-6>                            div classflex-1>                                div classw-16 h-16 bg-gradient-to-br from-orange-500 via-red-500 to-pink-500 rounded-2xl flex items-center justify-center mb-4 shadow-lg group-hover:scale-110 transition-transform duration-300>                                    i classfas fa-code text-white text-2xl>/i>                                /div>                                h3 classtext-2xl font-bold text-gray-900 font-space mb-2>                                    Web & Mobil Geliştirme                                /h3>                                p classtext-sm font-semibold text-gray-600 font-inter mb-3>                                    Modern ve Performanslı Uygulamalar                                /p>                            /div>                        /div>                        !-- Description -->                        p classtext-gray-600 leading-relaxed mb-6 font-inter>                            React, Vue.js ve Flutter ile modern web siteleri ve mobil uygulamalar. Kullanıcı deneyimi odaklı, hızlı ve güvenli çözümler.                        /p>                        !-- Features List -->                        div classspace-y-3 mb-8>                                                            div classflex items-start space-x-3>                                    div classflex-shrink-0 w-8 h-8 bg-gradient-to-br from-orange-500 via-red-500 to-pink-500 rounded-lg flex items-center justify-center>                                        i classfas fa-desktop text-white text-sm>/i>                                    /div>                                    div classflex-1>                                        div classfont-semibold text-gray-900 text-sm font-inter>Responsive Web Tasarım/div>                                        div classtext-xs text-gray-600 font-inter>Mobil uyumlu siteler/div>                                    /div>                                /div>                                                            div classflex items-start space-x-3>                                    div classflex-shrink-0 w-8 h-8 bg-gradient-to-br from-orange-500 via-red-500 to-pink-500 rounded-lg flex items-center justify-center>                                        i classfas fa-mobile-alt text-white text-sm>/i>                                    /div>                                    div classflex-1>                                        div classfont-semibold text-gray-900 text-sm font-inter>Mobil Uygulama/div>                                        div classtext-xs text-gray-600 font-inter>iOS & Android apps/div>                                    /div>                                /div>                                                            div classflex items-start space-x-3>                                    div classflex-shrink-0 w-8 h-8 bg-gradient-to-br from-orange-500 via-red-500 to-pink-500 rounded-lg flex items-center justify-center>                                        i classfas fa-shopping-cart text-white text-sm>/i>                                    /div>                                    div classflex-1>                                        div classfont-semibold text-gray-900 text-sm font-inter>E-ticaret Çözümleri/div>                                        div classtext-xs text-gray-600 font-inter>Online satış platformları/div>                                    /div>                                /div>                                                            div classflex items-start space-x-3>                                    div classflex-shrink-0 w-8 h-8 bg-gradient-to-br from-orange-500 via-red-500 to-pink-500 rounded-lg flex items-center justify-center>                                        i classfas fa-plug text-white text-sm>/i>                                    /div>                                    div classflex-1>                                        div classfont-semibold text-gray-900 text-sm font-inter>API Entegrasyonları/div>                                        div classtext-xs text-gray-600 font-inter>Üçüncü parti bağlantılar/div>                                    /div>                                /div>                                                    /div>                        !-- CTA Buttons -->                        div classflex flex-col sm:flex-row gap-3>                            a href/hizmetler/3 classflex-1 bg-gradient-to-r from-orange-500 via-red-500 to-pink-500 text-white text-center py-3 px-4 rounded-xl font-semibold text-sm hover:shadow-lg transition-all duration-300 hover:scale-105>                                i classfas fa-info-circle mr-2>/i>                                Detaylar                            /a>                            a href/teklif-al?service3 classflex-1 border-2 border-gray-300 text-gray-700 text-center py-3 px-4 rounded-xl font-semibold text-sm hover:border-gray-400 hover:bg-gray-50 transition-all duration-300>                                i classfas fa-paper-plane mr-2>/i>                                Teklif Al                            /a>                        /div>                    /div>                    !-- Hover Effect Overlay -->                    div classabsolute inset-0 bg-gradient-to-br from-orange-500 via-red-500 to-pink-500 opacity-0 group-hover:opacity-5 transition-opacity duration-500 pointer-events-none>/div>                /div>                            div classgroup relative bg-white rounded-3xl shadow-xl hover:shadow-2xl transition-all duration-500 overflow-hidden transform hover:-translate-y-2 >                    !-- Popular Badge -->                                        !-- Background Gradient -->                    div classabsolute inset-0 bg-gradient-to-br from-indigo-50 to-purple-50 opacity-50 group-hover:opacity-70 transition-opacity duration-500>/div>                    !-- Content -->                    div classrelative p-8>                        !-- Service Header -->                        div classflex items-start mb-6>                            div classflex-1>                                div classw-16 h-16 bg-gradient-to-br from-indigo-500 via-purple-500 to-pink-500 rounded-2xl flex items-center justify-center mb-4 shadow-lg group-hover:scale-110 transition-transform duration-300>                                    i classfas fa-megaphone text-white text-2xl>/i>                                /div>                                h3 classtext-2xl font-bold text-gray-900 font-space mb-2>                                    Dijital Pazarlama                                /h3>                                p classtext-sm font-semibold text-gray-600 font-inter mb-3>                                    Marka Bilinirliğinizi Artırın                                /p>                            /div>                        /div>                        !-- Description -->                        p classtext-gray-600 leading-relaxed mb-6 font-inter>                            Kapsamlı dijital pazarlama stratejileri ile markanızı hedef kitlenize ulaştırın. Conversion odaklı kampanyalar ve ölçülebilir sonuçlar.                        /p>                        !-- Features List -->                        div classspace-y-3 mb-8>                                                            div classflex items-start space-x-3>                                    div classflex-shrink-0 w-8 h-8 bg-gradient-to-br from-indigo-500 via-purple-500 to-pink-500 rounded-lg flex items-center justify-center>                                        i classfas fa-ad text-white text-sm>/i>                                    /div>                                    div classflex-1>                                        div classfont-semibold text-gray-900 text-sm font-inter>Google Ads Yönetimi/div>                                        div classtext-xs text-gray-600 font-inter>ROI odaklı reklamlar/div>                                    /div>                                /div>                                                            div classflex items-start space-x-3>                                    div classflex-shrink-0 w-8 h-8 bg-gradient-to-br from-indigo-500 via-purple-500 to-pink-500 rounded-lg flex items-center justify-center>                                        i classfas fa-envelope text-white text-sm>/i>                                    /div>                                    div classflex-1>                                        div classfont-semibold text-gray-900 text-sm font-inter>Email Marketing/div>                                        div classtext-xs text-gray-600 font-inter>Otomatik kampanyalar/div>                                    /div>                                /div>                                                            div classflex items-start space-x-3>                                    div classflex-shrink-0 w-8 h-8 bg-gradient-to-br from-indigo-500 via-purple-500 to-pink-500 rounded-lg flex items-center justify-center>                                        i classfas fa-star text-white text-sm>/i>                                    /div>                                    div classflex-1>                                        div classfont-semibold text-gray-900 text-sm font-inter>Influencer Marketing/div>                                        div classtext-xs text-gray-600 font-inter>Fenomen işbirlikleri/div>                                    /div>                                /div>                                                            div classflex items-start space-x-3>                                    div classflex-shrink-0 w-8 h-8 bg-gradient-to-br from-indigo-500 via-purple-500 to-pink-500 rounded-lg flex items-center justify-center>                                        i classfas fa-crown text-white text-sm>/i>                                    /div>                                    div classflex-1>                                        div classfont-semibold text-gray-900 text-sm font-inter>Marka Stratejisi/div>                                        div classtext-xs text-gray-600 font-inter>Kurumsal kimlik çalışması/div>                                    /div>                                /div>                                                    /div>                        !-- CTA Buttons -->                        div classflex flex-col sm:flex-row gap-3>                            a href/hizmetler/4 classflex-1 bg-gradient-to-r from-indigo-500 via-purple-500 to-pink-500 text-white text-center py-3 px-4 rounded-xl font-semibold text-sm hover:shadow-lg transition-all duration-300 hover:scale-105>                                i classfas fa-info-circle mr-2>/i>                                Detaylar                            /a>                            a href/teklif-al?service4 classflex-1 border-2 border-gray-300 text-gray-700 text-center py-3 px-4 rounded-xl font-semibold text-sm hover:border-gray-400 hover:bg-gray-50 transition-all duration-300>                                i classfas fa-paper-plane mr-2>/i>                                Teklif Al                            /a>                        /div>                    /div>                    !-- Hover Effect Overlay -->                    div classabsolute inset-0 bg-gradient-to-br from-indigo-500 via-purple-500 to-pink-500 opacity-0 group-hover:opacity-5 transition-opacity duration-500 pointer-events-none>/div>                /div>                            div classgroup relative bg-white rounded-3xl shadow-xl hover:shadow-2xl transition-all duration-500 overflow-hidden transform hover:-translate-y-2 >                    !-- Popular Badge -->                                        !-- Background Gradient -->                    div classabsolute inset-0 bg-gradient-to-br from-blue-50 to-cyan-50 opacity-50 group-hover:opacity-70 transition-opacity duration-500>/div>                    !-- Content -->                    div classrelative p-8>                        !-- Service Header -->                        div classflex items-start mb-6>                            div classflex-1>                                div classw-16 h-16 bg-gradient-to-br from-blue-600 via-cyan-500 to-teal-400 rounded-2xl flex items-center justify-center mb-4 shadow-lg group-hover:scale-110 transition-transform duration-300>                                    i classfas fa-database text-white text-2xl>/i>                                /div>                                h3 classtext-2xl font-bold text-gray-900 font-space mb-2>                                    Veri Analizi & BI                                /h3>                                p classtext-sm font-semibold text-gray-600 font-inter mb-3>                                    Verilerinizi İş Zekasına Dönüştürün                                /p>                            /div>                        /div>                        !-- Description -->                        p classtext-gray-600 leading-relaxed mb-6 font-inter>                            Büyük veri analitiği ve business intelligence çözümleri ile karar verme süreçlerinizi güçlendirin. Dashboardlar ve öngörülü analizler.                        /p>                        !-- Features List -->                        div classspace-y-3 mb-8>                                                            div classflex items-start space-x-3>                                    div classflex-shrink-0 w-8 h-8 bg-gradient-to-br from-blue-600 via-cyan-500 to-teal-400 rounded-lg flex items-center justify-center>                                        i classfas fa-chart-bar text-white text-sm>/i>                                    /div>                                    div classflex-1>                                        div classfont-semibold text-gray-900 text-sm font-inter>Veri Görselleştirme/div>                                        div classtext-xs text-gray-600 font-inter>Interaktif dashboardlar/div>                                    /div>                                /div>                                                            div classflex items-start space-x-3>                                    div classflex-shrink-0 w-8 h-8 bg-gradient-to-br from-blue-600 via-cyan-500 to-teal-400 rounded-lg flex items-center justify-center>                                        i classfas fa-server text-white text-sm>/i>                                    /div>                                    div classflex-1>                                        div classfont-semibold text-gray-900 text-sm font-inter>Büyük Veri Analizi/div>                                        div classtext-xs text-gray-600 font-inter>Big Data processing/div>                                    /div>                                /div>                                                            div classflex items-start space-x-3>                                    div classflex-shrink-0 w-8 h-8 bg-gradient-to-br from-blue-600 via-cyan-500 to-teal-400 rounded-lg flex items-center justify-center>                                        i classfas fa-crystal-ball text-white text-sm>/i>                                    /div>                                    div classflex-1>                                        div classfont-semibold text-gray-900 text-sm font-inter>Tahminleme Modelleri/div>                                        div classtext-xs text-gray-600 font-inter>Predictive analytics/div>                                    /div>                                /div>                                                            div classflex items-start space-x-3>                                    div classflex-shrink-0 w-8 h-8 bg-gradient-to-br from-blue-600 via-cyan-500 to-teal-400 rounded-lg flex items-center justify-center>                                        i classfas fa-tachometer-alt text-white text-sm>/i>                                    /div>                                    div classflex-1>                                        div classfont-semibold text-gray-900 text-sm font-inter>KPI Takibi/div>                                        div classtext-xs text-gray-600 font-inter>Performans metrikleri/div>                                    /div>                                /div>                                                    /div>                        !-- CTA Buttons -->                        div classflex flex-col sm:flex-row gap-3>                            a href/hizmetler/5 classflex-1 bg-gradient-to-r from-blue-600 via-cyan-500 to-teal-400 text-white text-center py-3 px-4 rounded-xl font-semibold text-sm hover:shadow-lg transition-all duration-300 hover:scale-105>                                i classfas fa-info-circle mr-2>/i>                                Detaylar                            /a>                            a href/teklif-al?service5 classflex-1 border-2 border-gray-300 text-gray-700 text-center py-3 px-4 rounded-xl font-semibold text-sm hover:border-gray-400 hover:bg-gray-50 transition-all duration-300>                                i classfas fa-paper-plane mr-2>/i>                                Teklif Al                            /a>                        /div>                    /div>                    !-- Hover Effect Overlay -->                    div classabsolute inset-0 bg-gradient-to-br from-blue-600 via-cyan-500 to-teal-400 opacity-0 group-hover:opacity-5 transition-opacity duration-500 pointer-events-none>/div>                /div>                            div classgroup relative bg-white rounded-3xl shadow-xl hover:shadow-2xl transition-all duration-500 overflow-hidden transform hover:-translate-y-2 >                    !-- Popular Badge -->                                        !-- Background Gradient -->                    div classabsolute inset-0 bg-gradient-to-br from-gray-50 to-blue-50 opacity-50 group-hover:opacity-70 transition-opacity duration-500>/div>                    !-- Content -->                    div classrelative p-8>                        !-- Service Header -->                        div classflex items-start mb-6>                            div classflex-1>                                div classw-16 h-16 bg-gradient-to-br from-gray-600 via-gray-500 to-blue-500 rounded-2xl flex items-center justify-center mb-4 shadow-lg group-hover:scale-110 transition-transform duration-300>                                    i classfas fa-cloud text-white text-2xl>/i>                                /div>                                h3 classtext-2xl font-bold text-gray-900 font-space mb-2>                                    Cloud & DevOps                                /h3>                                p classtext-sm font-semibold text-gray-600 font-inter mb-3>                                    Altyapınızı Modernize Edin                                /p>                            /div>                        /div>                        !-- Description -->                        p classtext-gray-600 leading-relaxed mb-6 font-inter>                            Bulut teknolojileri ve DevOps pratikleri ile sistem altyapınızı optimize edin. Yüksek performans, güvenlik ve ölçeklenebilirlik.                        /p>                        !-- Features List -->                        div classspace-y-3 mb-8>                                                            div classflex items-start space-x-3>                                    div classflex-shrink-0 w-8 h-8 bg-gradient-to-br from-gray-600 via-gray-500 to-blue-500 rounded-lg flex items-center justify-center>                                        i classfas fa-cloud-upload-alt text-white text-sm>/i>                                    /div>                                    div classflex-1>                                        div classfont-semibold text-gray-900 text-sm font-inter>AWS/Azure Migrasyonu/div>                                        div classtext-xs text-gray-600 font-inter>Buluta taşıma/div>                                    /div>                                /div>                                                            div classflex items-start space-x-3>                                    div classflex-shrink-0 w-8 h-8 bg-gradient-to-br from-gray-600 via-gray-500 to-blue-500 rounded-lg flex items-center justify-center>                                        i classfas fa-dharmachakra text-white text-sm>/i>                                    /div>                                    div classflex-1>                                        div classfont-semibold text-gray-900 text-sm font-inter>Kubernetes Yönetimi/div>                                        div classtext-xs text-gray-600 font-inter>Container orchestration/div>                                    /div>                                /div>                                                            div classflex items-start space-x-3>                                    div classflex-shrink-0 w-8 h-8 bg-gradient-to-br from-gray-600 via-gray-500 to-blue-500 rounded-lg flex items-center justify-center>                                        i classfas fa-code-branch text-white text-sm>/i>                                    /div>                                    div classflex-1>                                        div classfont-semibold text-gray-900 text-sm font-inter>CI/CD Pipeline/div>                                        div classtext-xs text-gray-600 font-inter>Otomatik deployment/div>                                    /div>                                /div>                                                            div classflex items-start space-x-3>                                    div classflex-shrink-0 w-8 h-8 bg-gradient-to-br from-gray-600 via-gray-500 to-blue-500 rounded-lg flex items-center justify-center>                                        i classfas fa-heartbeat text-white text-sm>/i>                                    /div>                                    div classflex-1>                                        div classfont-semibold text-gray-900 text-sm font-inter>Monitoring & Alerting/div>                                        div classtext-xs text-gray-600 font-inter>Sistem izleme/div>                                    /div>                                /div>                                                    /div>                        !-- CTA Buttons -->                        div classflex flex-col sm:flex-row gap-3>                            a href/hizmetler/6 classflex-1 bg-gradient-to-r from-gray-600 via-gray-500 to-blue-500 text-white text-center py-3 px-4 rounded-xl font-semibold text-sm hover:shadow-lg transition-all duration-300 hover:scale-105>                                i classfas fa-info-circle mr-2>/i>                                Detaylar                            /a>                            a href/teklif-al?service6 classflex-1 border-2 border-gray-300 text-gray-700 text-center py-3 px-4 rounded-xl font-semibold text-sm hover:border-gray-400 hover:bg-gray-50 transition-all duration-300>                                i classfas fa-paper-plane mr-2>/i>                                Teklif Al                            /a>                        /div>                    /div>                    !-- Hover Effect Overlay -->                    div classabsolute inset-0 bg-gradient-to-br from-gray-600 via-gray-500 to-blue-500 opacity-0 group-hover:opacity-5 transition-opacity duration-500 pointer-events-none>/div>                /div>                    /div>        !-- Bottom Stats -->        div classbg-white rounded-3xl shadow-xl p-8 mb-16>            div classgrid grid-cols-1 md:grid-cols-4 gap-8 text-center>                div>                    div classw-16 h-16 bg-gradient-to-br from-purple-500 to-pink-500 rounded-2xl flex items-center justify-center mx-auto mb-4>                        i classfas fa-rocket text-white text-2xl>/i>                    /div>                    div classtext-3xl font-black text-gray-900 font-space mb-2>1000+/div>                    div classtext-gray-600 font-inter>Tamamlanan Proje/div>                /div>                div>                    div classw-16 h-16 bg-gradient-to-br from-blue-500 to-cyan-500 rounded-2xl flex items-center justify-center mx-auto mb-4>                        i classfas fa-users text-white text-2xl>/i>                    /div>                    div classtext-3xl font-black text-gray-900 font-space mb-2>500+/div>                    div classtext-gray-600 font-inter>Mutlu Müşteri/div>                /div>                div>                    div classw-16 h-16 bg-gradient-to-br from-green-500 to-emerald-500 rounded-2xl flex items-center justify-center mx-auto mb-4>                        i classfas fa-award text-white text-2xl>/i>                    /div>                    div classtext-3xl font-black text-gray-900 font-space mb-2>98%/div>                    div classtext-gray-600 font-inter>Başarı Oranı/div>                /div>                div>                    div classw-16 h-16 bg-gradient-to-br from-orange-500 to-red-500 rounded-2xl flex items-center justify-center mx-auto mb-4>                        i classfas fa-clock text-white text-2xl>/i>                    /div>                    div classtext-3xl font-black text-gray-900 font-space mb-2>24/7/div>                    div classtext-gray-600 font-inter>Destek Hizmeti/div>                /div>            /div>        /div>        !-- Premium CTA Section -->        div classtext-center>            div classbg-gradient-to-r from-purple-600 via-blue-600 to-cyan-500 rounded-3xl p-12 text-white shadow-2xl relative overflow-hidden>                !-- Background Pattern -->                div classabsolute inset-0 opacity-10>                    div classabsolute inset-0 stylebackground-image: url(data:image/svg+xml,%3Csvg width60 height60 viewBox0 0 60 60 xmlnshttp://www.w3.org/2000/svg%3E%3Cg fillnone fill-ruleevenodd%3E%3Cg fill%23ffffff fill-opacity0.4%3E%3Ccircle cx30 cy30 r4/%3E%3C/g%3E%3C/g%3E%3C/svg%3E);>/div>                /div>                div classrelative>                    h3 classtext-3xl lg:text-5xl font-black font-space mb-6>                        Hangi Hizmete İhtiyacınız Var?                    /h3>                    p classtext-xl text-blue-100 mb-8 max-w-3xl mx-auto font-inter leading-relaxed>                        Uzman ekibimizle ücretsiz konsültasyon alın. Projeniz için en uygun çözümü birlikte belirleyelim ve 48 saat içinde işe başlayalım.                    /p>                    div classflex flex-col sm:flex-row gap-6 justify-center>                        a href/teklif-al classbg-white text-gray-900 px-10 py-4 rounded-2xl font-bold text-lg hover:bg-gray-100 transition-all duration-300 shadow-xl hover:scale-105>                            i classfas fa-paper-plane mr-3>/i>                            Ücretsiz Konsültasyon                        /a>                        a href/hizmetler classborder-2 border-white text-white px-10 py-4 rounded-2xl font-bold text-lg hover:bg-white hover:text-gray-900 transition-all duration-300>                            i classfas fa-list mr-3>/i>                            Tüm Hizmetler                        /a>                        a href/portfoy classborder-2 border-white text-white px-10 py-4 rounded-2xl font-bold text-lg hover:bg-white hover:text-gray-900 transition-all duration-300>                            i classfas fa-eye mr-3>/i>                            Portföyümüz                        /a>                    /div>                    !-- Trust Indicators -->                    div classmt-12 flex flex-wrap justify-center items-center gap-8 opacity-80>                        div classflex items-center space-x-2>                            i classfas fa-shield-alt text-2xl>/i>                            span classfont-semibold>SSL Güvenli/span>                        /div>                        div classflex items-center space-x-2>                            i classfas fa-clock text-2xl>/i>                            span classfont-semibold>24 Saat Yanıt/span>                        /div>                        div classflex items-center space-x-2>                            i classfas fa-handshake text-2xl>/i>                            span classfont-semibold>Garanti/span>                        /div>                    /div>                /div>            /div>        /div>    /div>/section>!-- Müşteri Görüşleri -->section classpy-20 bg-white>    div classmax-w-7xl mx-auto px-4 sm:px-6 lg:px-8>        div classtext-center mb-16>            h2 classtext-4xl md:text-5xl font-bold text-gray-900 mb-4>                Müşteri Görüşleri            /h2>            p classtext-xl text-gray-600>                Bizimle çalışan müşterilerimizin deneyimlerini keşfedin            /p>        /div>        div classgrid grid-cols-1 md:grid-cols-3 gap-8>                            div classbg-gradient-to-br from-indigo-50 to-purple-50 rounded-2xl p-8 shadow-lg hover:shadow-xl transition-shadow duration-300>                    div classflex items-center mb-6>                        img srchttps://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w100&h100&fitcrop&cropface                             altAhmet Kaya                             classw-16 h-16 rounded-full object-cover mr-4>                        div>                            h4 classtext-lg font-bold text-gray-900>Ahmet Kaya/h4>                            p classtext-gray-600>TechStart A.Ş./p>                        /div>                    /div>                    div classflex mb-4>                                                    i classfas fa-star text-yellow-400>/i>                                                    i classfas fa-star text-yellow-400>/i>                                                    i classfas fa-star text-yellow-400>/i>                                                    i classfas fa-star text-yellow-400>/i>                                                    i classfas fa-star text-yellow-400>/i>                                            /div>                    p classtext-gray-700 italic leading-relaxed>Agivra ile çalışmaya başladıktan sonra web sitemizin trafiği %300 arttı. Profesyonel ekip, kaliteli hizmet./p>                /div>                            div classbg-gradient-to-br from-indigo-50 to-purple-50 rounded-2xl p-8 shadow-lg hover:shadow-xl transition-shadow duration-300>                    div classflex items-center mb-6>                        img srchttps://images.unsplash.com/photo-1494790108755-2616b612b776?w100&h100&fitcrop&cropface                             altElif Demir                             classw-16 h-16 rounded-full object-cover mr-4>                        div>                            h4 classtext-lg font-bold text-gray-900>Elif Demir/h4>                            p classtext-gray-600>Fashion Boutique/p>                        /div>                    /div>                    div classflex mb-4>                                                    i classfas fa-star text-yellow-400>/i>                                                    i classfas fa-star text-yellow-400>/i>                                                    i classfas fa-star text-yellow-400>/i>                                                    i classfas fa-star text-yellow-400>/i>                                                    i classfas fa-star text-yellow-400>/i>                                            /div>                    p classtext-gray-700 italic leading-relaxed>Sosyal medya stratejimizi yeniden şekillendirdiler. Satışlarımız 2 katına çıktı. Mükemmel sonuçlar!/p>                /div>                            div classbg-gradient-to-br from-indigo-50 to-purple-50 rounded-2xl p-8 shadow-lg hover:shadow-xl transition-shadow duration-300>                    div classflex items-center mb-6>                        img srchttps://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w100&h100&fitcrop&cropface                             altCan Özkan                             classw-16 h-16 rounded-full object-cover mr-4>                        div>                            h4 classtext-lg font-bold text-gray-900>Can Özkan/h4>                            p classtext-gray-600>RestaurantChain/p>                        /div>                    /div>                    div classflex mb-4>                                                    i classfas fa-star text-yellow-400>/i>                                                    i classfas fa-star text-yellow-400>/i>                                                    i classfas fa-star text-yellow-400>/i>                                                    i classfas fa-star text-yellow-400>/i>                                                    i classfas fa-star text-yellow-400>/i>                                            /div>                    p classtext-gray-700 italic leading-relaxed>Mobil uygulamamızı geliştirdiler. Kullanıcı deneyimi harika, sipariş oranlarımız %150 arttı./p>                /div>                    /div>    /div>/section>!-- Sıkça Sorulan Sorular Section -->section classpy-24 lg:py-32 bg-white relative overflow-hidden>    !-- Background Pattern -->    div classabsolute inset-0 opacity-5>        div classabsolute inset-0 stylebackground-image: radial-gradient(circle at 2px 2px, rgba(99,102,241,0.15) 1px, transparent 0); background-size: 32px 32px;>/div>    /div>    div classrelative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8>        !-- Header -->        div classtext-center mb-20>            div classinline-flex items-center bg-gradient-to-r from-blue-100 to-purple-100 rounded-full px-6 py-3 mb-8>                i classfas fa-question-circle text-blue-600 mr-3>/i>                span classtext-blue-800 font-bold font-space tracking-wide text-sm>SIKÇA SORULAN SORULAR/span>            /div>            h2 classtext-4xl md:text-5xl lg:text-6xl font-black font-space text-gray-900 mb-6 leading-tight>                Merak Ettikleriniz                span classbg-gradient-to-r from-blue-600 via-purple-600 to-pink-600 bg-clip-text text-transparent>                    Burada Cevaplandı                /span>            /h2>            p classtext-xl md:text-2xl text-gray-600 max-w-3xl mx-auto leading-relaxed font-inter>                Dijital dönüşüm sürecinizdeki tüm sorularınızı yanıtladık            /p>        /div>        !-- FAQ Categories & Content -->        div x-datafaqData()>            !-- Search Bar -->            div classmax-w-2xl mx-auto mb-12>                div classrelative>                    input x-modelsearchQuery                           typetext                           placeholderSorularınızı arayın...                           classw-full px-6 py-4 bg-gray-50 border-2 border-transparent rounded-2xl text-lg font-inter focus:border-blue-500 focus:bg-white focus:ring-4 focus:ring-blue-100 transition-all duration-300 pl-14>                    i classfas fa-search absolute left-5 top-1/2 transform -translate-y-1/2 text-gray-400 text-lg>/i>                    div x-showsearchQuery                         @clicksearchQuery                           classabsolute right-4 top-1/2 transform -translate-y-1/2 w-8 h-8 bg-gray-300 hover:bg-gray-400 rounded-full flex items-center justify-center cursor-pointer transition-colors duration-200>                        i classfas fa-times text-white text-sm>/i>                    /div>                /div>            /div>            !-- Category Tabs -->            div classflex flex-wrap justify-center gap-4 mb-12 x-showsearchQuery  >                button @clickactiveCategory  0; openFaq  null                        classflex items-center px-6 py-3 rounded-2xl font-semibold font-inter transition-all duration-300 transform hover:scale-105                        :classactiveCategory  0 ? bg-gradient-to-r from-blue-500 to-cyan-500 text-white shadow-lg : bg-gray-100 text-gray-600 hover:bg-gray-200>                    i classfas fa-info-circle mr-2>/i>                    Genel                /button>                button @clickactiveCategory  1; openFaq  null                        classflex items-center px-6 py-3 rounded-2xl font-semibold font-inter transition-all duration-300 transform hover:scale-105                        :classactiveCategory  1 ? bg-gradient-to-r from-green-500 to-emerald-500 text-white shadow-lg : bg-gray-100 text-gray-600 hover:bg-gray-200>                    i classfas fa-dollar-sign mr-2>/i>                    Fiyatlandırma                /button>                button @clickactiveCategory  2; openFaq  null                        classflex items-center px-6 py-3 rounded-2xl font-semibold font-inter transition-all duration-300 transform hover:scale-105                        :classactiveCategory  2 ? bg-gradient-to-r from-purple-500 to-pink-500 text-white shadow-lg : bg-gray-100 text-gray-600 hover:bg-gray-200>                    i classfas fa-cogs mr-2>/i>                    Süreç                /button>                button @clickactiveCategory  3; openFaq  null                        classflex items-center px-6 py-3 rounded-2xl font-semibold font-inter transition-all duration-300 transform hover:scale-105                        :classactiveCategory  3 ? bg-gradient-to-r from-orange-500 to-red-500 text-white shadow-lg : bg-gray-100 text-gray-600 hover:bg-gray-200>                    i classfas fa-code mr-2>/i>                    Teknik                /button>            /div>            !-- FAQ Content -->            div classmax-w-4xl mx-auto>                !-- Genel Kategorisi -->                div x-showactiveCategory  0 && searchQuery  >                    div classspace-y-4>                        div classbg-white rounded-2xl shadow-lg hover:shadow-xl transition-all duration-300 border border-gray-100>                            button @clickopenFaq  openFaq  genel-1 ? null : genel-1                                    classw-full px-6 py-5 text-left flex justify-between items-center hover:bg-gray-50 rounded-2xl transition-colors duration-200>                                span classfont-semibold text-gray-900 font-inter text-lg pr-4>                                    Agivra neden diğer dijital ajanslardan farklı?                                /span>                                i classfas fa-chevron-down text-gray-400 transition-transform duration-300                                   :class{ rotate-180 text-blue-500: openFaq  genel-1 }>/i>                            /button>                            div x-showopenFaq  genel-1                                 x-transition:entertransition ease-out duration-300                                 x-transition:enter-startopacity-0 max-h-0                                 x-transition:enter-endopacity-100 max-h-96                                 x-transition:leavetransition ease-in duration-200                                 x-transition:leave-startopacity-100 max-h-96                                 x-transition:leave-endopacity-0 max-h-0                                 classoverflow-hidden>                                div classpx-6 pb-6>                                    div classh-px bg-gradient-to-r from-blue-500 to-purple-500 mb-4 opacity-30>/div>                                    p classtext-gray-600 leading-relaxed font-inter>                                        Global freelancer ağımız sayesinde 7/24 çalışabiliyor, proje bazlı dinamik ekipler kuruyoruz ve en son AI teknolojilerini kullanıyoruz. Bu sayede hem daha hızlı hem de daha uygun maliyetli hizmet sunabiliyoruz.                                    /p>                                /div>                            /div>                        /div>                        div classbg-white rounded-2xl shadow-lg hover:shadow-xl transition-all duration-300 border border-gray-100>                            button @clickopenFaq  openFaq  genel-2 ? null : genel-2                                    classw-full px-6 py-5 text-left flex justify-between items-center hover:bg-gray-50 rounded-2xl transition-colors duration-200>                                span classfont-semibold text-gray-900 font-inter text-lg pr-4>                                    Hangi sektörlerde hizmet veriyorsunuz?                                /span>                                i classfas fa-chevron-down text-gray-400 transition-transform duration-300                                   :class{ rotate-180 text-blue-500: openFaq  genel-2 }>/i>                            /button>                            div x-showopenFaq  genel-2                                 x-transition:entertransition ease-out duration-300                                 x-transition:enter-startopacity-0 max-h-0                                 x-transition:enter-endopacity-100 max-h-96                                 x-transition:leavetransition ease-in duration-200                                 x-transition:leave-startopacity-100 max-h-96                                 x-transition:leave-endopacity-0 max-h-0                                 classoverflow-hidden>                                div classpx-6 pb-6>                                    div classh-px bg-gradient-to-r from-blue-500 to-purple-500 mb-4 opacity-30>/div>                                    p classtext-gray-600 leading-relaxed font-inter>                                        E-ticaret, teknoloji, sağlık, finans, eğitim, turizm ve daha birçok sektörde hizmet veriyoruz. Her sektörün kendine özgü ihtiyaçlarını anlayarak özelleştirilmiş çözümler sunuyoruz.                                    /p>                                /div>                            /div>                        /div>                        div classbg-white rounded-2xl shadow-lg hover:shadow-xl transition-all duration-300 border border-gray-100>                            button @clickopenFaq  openFaq  genel-3 ? null : genel-3                                    classw-full px-6 py-5 text-left flex justify-between items-center hover:bg-gray-50 rounded-2xl transition-colors duration-200>                                span classfont-semibold text-gray-900 font-inter text-lg pr-4>                                    Projem için gerçekten global ekip kurulacak mı?                                /span>                                i classfas fa-chevron-down text-gray-400 transition-transform duration-300                                   :class{ rotate-180 text-blue-500: openFaq  genel-3 }>/i>                            /button>                            div x-showopenFaq  genel-3                                 x-transition:entertransition ease-out duration-300                                 x-transition:enter-startopacity-0 max-h-0                                 x-transition:enter-endopacity-100 max-h-96                                 x-transition:leavetransition ease-in duration-200                                 x-transition:leave-startopacity-100 max-h-96                                 x-transition:leave-endopacity-0 max-h-0                                 classoverflow-hidden>                                div classpx-6 pb-6>                                    div classh-px bg-gradient-to-r from-blue-500 to-purple-500 mb-4 opacity-30>/div>                                    p classtext-gray-600 leading-relaxed font-inter>                                        Evet! Projenizin ihtiyaçlarına göre dünya genelindeki uzmanlarımızdan özel bir ekip oluşturuyoruz. Farklı saat dilimlerinde çalışarak 24 saat proje üzerinde çalışma imkanı sağlıyoruz.                                    /p>                                /div>                            /div>                        /div>                    /div>                /div>                !-- Fiyatlandırma Kategorisi -->                div x-showactiveCategory  1 && searchQuery  >                    div classspace-y-4>                        div classbg-white rounded-2xl shadow-lg hover:shadow-xl transition-all duration-300 border border-gray-100>                            button @clickopenFaq  openFaq  fiyat-1 ? null : fiyat-1                                    classw-full px-6 py-5 text-left flex justify-between items-center hover:bg-gray-50 rounded-2xl transition-colors duration-200>                                span classfont-semibold text-gray-900 font-inter text-lg pr-4>                                    Fiyatlarınız nasıl belirleniyor?                                /span>                                i classfas fa-chevron-down text-gray-400 transition-transform duration-300                                   :class{ rotate-180 text-green-500: openFaq  fiyat-1 }>/i>                            /button>                            div x-showopenFaq  fiyat-1                                 x-transition:entertransition ease-out duration-300                                 x-transition:enter-startopacity-0 max-h-0                                 x-transition:enter-endopacity-100 max-h-96                                 classoverflow-hidden>                                div classpx-6 pb-6>                                    div classh-px bg-gradient-to-r from-green-500 to-emerald-500 mb-4 opacity-30>/div>                                    p classtext-gray-600 leading-relaxed font-inter>                                        Her proje kendine özgü olduğu için önce ihtiyaç analizi yapıyor, sonra en uygun ekibi ve teknolojileri belirliyoruz. Transparent fiyatlandırma ile hiç sürpriz maliyet yok.                                    /p>                                /div>                            /div>                        /div>                        div classbg-white rounded-2xl shadow-lg hover:shadow-xl transition-all duration-300 border border-gray-100>                            button @clickopenFaq  openFaq  fiyat-2 ? null : fiyat-2                                    classw-full px-6 py-5 text-left flex justify-between items-center hover:bg-gray-50 rounded-2xl transition-colors duration-200>                                span classfont-semibold text-gray-900 font-inter text-lg pr-4>                                    Ödeme planları nasıl çalışıyor?                                /span>                                i classfas fa-chevron-down text-gray-400 transition-transform duration-300                                   :class{ rotate-180 text-green-500: openFaq  fiyat-2 }>/i>                            /button>                            div x-showopenFaq  fiyat-2                                 x-transition:entertransition ease-out duration-300                                 x-transition:enter-startopacity-0 max-h-0                                 x-transition:enter-endopacity-100 max-h-96                                 classoverflow-hidden>                                div classpx-6 pb-6>                                    div classh-px bg-gradient-to-r from-green-500 to-emerald-500 mb-4 opacity-30>/div>                                    p classtext-gray-600 leading-relaxed font-inter>                                        Projelerimizde genellikle 3 aşamalı ödeme planı uyguluyoruz: %40 başlangıç, %40 ara teslimat, %20 final teslimi. Aylık hizmetlerde ise aylık ödemeler alıyoruz.                                    /p>                                /div>                            /div>                        /div>                        div classbg-white rounded-2xl shadow-lg hover:shadow-xl transition-all duration-300 border border-gray-100>                            button @clickopenFaq  openFaq  fiyat-3 ? null : fiyat-3                                    classw-full px-6 py-5 text-left flex justify-between items-center hover:bg-gray-50 rounded-2xl transition-colors duration-200>                                span classfont-semibold text-gray-900 font-inter text-lg pr-4>                                    Ücretsiz konsültasyon ne kadar sürüyor?                                /span>                                i classfas fa-chevron-down text-gray-400 transition-transform duration-300                                   :class{ rotate-180 text-green-500: openFaq  fiyat-3 }>/i>                            /button>                            div x-showopenFaq  fiyat-3                                 x-transition:entertransition ease-out duration-300                                 x-transition:enter-startopacity-0 max-h-0                                 x-transition:enter-endopacity-100 max-h-96                                 classoverflow-hidden>                                div classpx-6 pb-6>                                    div classh-px bg-gradient-to-r from-green-500 to-emerald-500 mb-4 opacity-30>/div>                                    p classtext-gray-600 leading-relaxed font-inter>                                        45-60 dakika süren detaylı bir görüşme yapıyoruz. Projenizi analiz ediyor, öneriler sunuyor ve soru-cevaplarla net bir yol haritası çiziyoruz. Hiçbir ücret almıyoruz.                                    /p>                                /div>                            /div>                        /div>                    /div>                /div>                !-- Süreç Kategorisi -->                div x-showactiveCategory  2 && searchQuery  >                    div classspace-y-4>                        div classbg-white rounded-2xl shadow-lg hover:shadow-xl transition-all duration-300 border border-gray-100>                            button @clickopenFaq  openFaq  surec-1 ? null : surec-1                                    classw-full px-6 py-5 text-left flex justify-between items-center hover:bg-gray-50 rounded-2xl transition-colors duration-200>                                span classfont-semibold text-gray-900 font-inter text-lg pr-4>                                    Proje süreci nasıl işliyor?                                /span>                                i classfas fa-chevron-down text-gray-400 transition-transform duration-300                                   :class{ rotate-180 text-purple-500: openFaq  surec-1 }>/i>                            /button>                            div x-showopenFaq  surec-1                                 x-transition:entertransition ease-out duration-300                                 x-transition:enter-startopacity-0 max-h-0                                 x-transition:enter-endopacity-100 max-h-96                                 classoverflow-hidden>                                div classpx-6 pb-6>                                    div classh-px bg-gradient-to-r from-purple-500 to-pink-500 mb-4 opacity-30>/div>                                    p classtext-gray-600 leading-relaxed font-inter>                                        Konsültasyon → Proje analizi → Ekip kurma → Geliştirme → Test → Teslimat → Destek aşamalarını takip ederiz. Her aşamada düzenli raporlama yaparız.                                    /p>                                /div>                            /div>                        /div>                        div classbg-white rounded-2xl shadow-lg hover:shadow-xl transition-all duration-300 border border-gray-100>                            button @clickopenFaq  openFaq  surec-2 ? null : surec-2                                    classw-full px-6 py-5 text-left flex justify-between items-center hover:bg-gray-50 rounded-2xl transition-colors duration-200>                                span classfont-semibold text-gray-900 font-inter text-lg pr-4>                                    Ne kadar sürede başlıyorsunuz?                                /span>                                i classfas fa-chevron-down text-gray-400 transition-transform duration-300                                   :class{ rotate-180 text-purple-500: openFaq  surec-2 }>/i>                            /button>                            div x-showopenFaq  surec-2                                 x-transition:entertransition ease-out duration-300                                 x-transition:enter-startopacity-0 max-h-0                                 x-transition:enter-endopacity-100 max-h-96                                 classoverflow-hidden>                                div classpx-6 pb-6>                                    div classh-px bg-gradient-to-r from-purple-500 to-pink-500 mb-4 opacity-30>/div>                                    p classtext-gray-600 leading-relaxed font-inter>                                        Proje onayından sonra 48-72 saat içinde ekibinizi kurup işe başlıyoruz. Acil projeler için aynı gün başlama imkanımız da var.                                    /p>                                /div>                            /div>                        /div>                        div classbg-white rounded-2xl shadow-lg hover:shadow-xl transition-all duration-300 border border-gray-100>                            button @clickopenFaq  openFaq  surec-3 ? null : surec-3                                    classw-full px-6 py-5 text-left flex justify-between items-center hover:bg-gray-50 rounded-2xl transition-colors duration-200>                                span classfont-semibold text-gray-900 font-inter text-lg pr-4>                                    Proje ilerlemesini nasıl takip edebilirim?                                /span>                                i classfas fa-chevron-down text-gray-400 transition-transform duration-300                                   :class{ rotate-180 text-purple-500: openFaq  surec-3 }>/i>                            /button>                            div x-showopenFaq  surec-3                                 x-transition:entertransition ease-out duration-300                                 x-transition:enter-startopacity-0 max-h-0                                 x-transition:enter-endopacity-100 max-h-96                                 classoverflow-hidden>                                div classpx-6 pb-6>                                    div classh-px bg-gradient-to-r from-purple-500 to-pink-500 mb-4 opacity-30>/div>                                    p classtext-gray-600 leading-relaxed font-inter>                                        Size özel proje yönetim paneli veriyoruz. Gerçek zamanlı ilerleme, ekip mesajları, dosya paylaşımı ve milestone takibi yapabilirsiniz.                                    /p>                                /div>                            /div>                        /div>                    /div>                /div>                !-- Teknik Kategorisi -->                div x-showactiveCategory  3 && searchQuery  >                    div classspace-y-4>                        div classbg-white rounded-2xl shadow-lg hover:shadow-xl transition-all duration-300 border border-gray-100>                            button @clickopenFaq  openFaq  teknik-1 ? null : teknik-1                                    classw-full px-6 py-5 text-left flex justify-between items-center hover:bg-gray-50 rounded-2xl transition-colors duration-200>                                span classfont-semibold text-gray-900 font-inter text-lg pr-4>                                    Hangi teknolojileri kullanıyorsunuz?                                /span>                                i classfas fa-chevron-down text-gray-400 transition-transform duration-300                                   :class{ rotate-180 text-orange-500: openFaq  teknik-1 }>/i>                            /button>                            div x-showopenFaq  teknik-1                                 x-transition:entertransition ease-out duration-300                                 x-transition:enter-startopacity-0 max-h-0                                 x-transition:enter-endopacity-100 max-h-96                                 classoverflow-hidden>                                div classpx-6 pb-6>                                    div classh-px bg-gradient-to-r from-orange-500 to-red-500 mb-4 opacity-30>/div>                                    p classtext-gray-600 leading-relaxed font-inter>                                        React, Vue.js, Laravel, Python, AI/ML frameworks, AWS, Docker, Kubernetes gibi en güncel teknolojileri kullanıyoruz. Projeye en uygun tech stacki seçiyoruz.                                    /p>                                /div>                            /div>                        /div>                        div classbg-white rounded-2xl shadow-lg hover:shadow-xl transition-all duration-300 border border-gray-100>                            button @clickopenFaq  openFaq  teknik-2 ? null : teknik-2                                    classw-full px-6 py-5 text-left flex justify-between items-center hover:bg-gray-50 rounded-2xl transition-colors duration-200>                                span classfont-semibold text-gray-900 font-inter text-lg pr-4>                                    Mobil uygulama geliştiriyor musunuz?                                /span>                                i classfas fa-chevron-down text-gray-400 transition-transform duration-300                                   :class{ rotate-180 text-orange-500: openFaq  teknik-2 }>/i>                            /button>                            div x-showopenFaq  teknik-2                                 x-transition:entertransition ease-out duration-300                                 x-transition:enter-startopacity-0 max-h-0                                 x-transition:enter-endopacity-100 max-h-96                                 classoverflow-hidden>                                div classpx-6 pb-6>                                    div classh-px bg-gradient-to-r from-orange-500 to-red-500 mb-4 opacity-30>/div>                                    p classtext-gray-600 leading-relaxed font-inter>                                        Evet! Native iOS/Android, React Native ve Flutter ile mobil app geliştiriyoruz. Cross-platform çözümlerle hem zamandan hem maliyetten tasarruf sağlıyoruz.                                    /p>                                /div>                            /div>                        /div>                        div classbg-white rounded-2xl shadow-lg hover:shadow-xl transition-all duration-300 border border-gray-100>                            button @clickopenFaq  openFaq  teknik-3 ? null : teknik-3                                    classw-full px-6 py-5 text-left flex justify-between items-center hover:bg-gray-50 rounded-2xl transition-colors duration-200>                                span classfont-semibold text-gray-900 font-inter text-lg pr-4>                                    AI çözümleriniz nasıl çalışıyor?                                /span>                                i classfas fa-chevron-down text-gray-400 transition-transform duration-300                                   :class{ rotate-180 text-orange-500: openFaq  teknik-3 }>/i>                            /button>                            div x-showopenFaq  teknik-3                                 x-transition:entertransition ease-out duration-300                                 x-transition:enter-startopacity-0 max-h-0                                 x-transition:enter-endopacity-100 max-h-96                                 classoverflow-hidden>                                div classpx-6 pb-6>                                    div classh-px bg-gradient-to-r from-orange-500 to-red-500 mb-4 opacity-30>/div>                                    p classtext-gray-600 leading-relaxed font-inter>                                        OpenAI, Google AI, özel ML modelleri kullanarak chatbot, otomatik raporlama, tahminleme ve süreç otomasyonu çözümleri geliştiriyoruz.                                    /p>                                /div>                            /div>                        /div>                    /div>                /div>            /div>            !-- Still Have Questions CTA -->            div classtext-center mt-16>                div classbg-gradient-to-r from-blue-600 via-purple-600 to-pink-600 rounded-3xl p-8 text-white>                    h3 classtext-2xl lg:text-3xl font-bold font-space mb-4>                        Hala Sorunuz mu Var?                    /h3>                    p classtext-lg text-blue-100 mb-6 font-inter>                        Uzman ekibimizle doğrudan konuşarak tüm sorularınızı yanıtlayın                    /p>                    div classflex flex-col sm:flex-row gap-4 justify-center>                        a href#konsultasyon classbg-white text-blue-600 px-8 py-3 rounded-2xl font-bold hover:bg-gray-100 transition-all duration-300 shadow-lg hover:scale-105>                            i classfas fa-comments mr-2>/i>                            Uzmanla Konuş                        /a>                        a href/iletisim classborder-2 border-white text-white px-8 py-3 rounded-2xl font-bold hover:bg-white hover:text-blue-600 transition-all duration-300>                            i classfas fa-phone mr-2>/i>                            Bizi Arayın                        /a>                    /div>                /div>            /div>        /div>    /div>/section>script>    function faqData() {        return {            activeCategory: 0,            openFaq: null,            searchQuery:         }    }/script>section idkonsultasyon classpy-24 lg:py-32 bg-gradient-to-br from-indigo-900 via-purple-900 to-pink-900 relative overflow-hidden>    !-- Background Effects -->    div classabsolute inset-0>        div classabsolute inset-0 bg-gradient-to-br from-indigo-600/20 via-purple-600/20 to-pink-600/20>/div>        div classabsolute inset-0 hero-pattern opacity-20>/div>    /div>    !-- Floating Elements -->    div classabsolute inset-0 overflow-hidden pointer-events-none>        div classabsolute top-20 left-10 w-32 h-32 bg-blue-500/20 rounded-full blur-3xl animate-pulse>/div>        div classabsolute top-1/2 right-10 w-40 h-40 bg-purple-500/20 rounded-full blur-3xl animate-pulse styleanimation-delay: 1s;>/div>        div classabsolute bottom-20 left-1/3 w-24 h-24 bg-pink-500/20 rounded-full blur-2xl animate-pulse styleanimation-delay: 2s;>/div>    /div>    div classrelative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8>        div classgrid grid-cols-1 lg:grid-cols-2 gap-16 items-start>            !-- Left Content -->            div classtext-white>                div classinline-flex items-center bg-white/10 backdrop-blur-sm rounded-full px-6 py-3 mb-8>                    i classfas fa-rocket text-yellow-400 mr-3>/i>                    span classfont-bold font-space tracking-wide text-sm>ÜCRETSİZ KONSÜLTASYON/span>                /div>                h2 classtext-4xl md:text-5xl lg:text-6xl font-black font-space mb-6 leading-tight>                    Projenizi                    span classbg-gradient-to-r from-yellow-300 via-pink-300 to-white bg-clip-text text-transparent>                        Konuşalım                    /span>                /h2>                p classtext-xl text-gray-200 mb-8 leading-relaxed font-inter>                    45 dakikalık ücretsiz konsültasyonda projenizi detayına kadar analiz ediyoruz. Size özel çözüm önerileri ve net fiyat teklifi sunuyoruz.                /p>                !-- Benefits List -->                div classspace-y-4 mb-8>                    div classflex items-center space-x-4>                        div classw-12 h-12 bg-gradient-to-r from-green-400 to-blue-500 rounded-full flex items-center justify-center shadow-lg>                            i classfas fa-check text-white font-bold>/i>                        /div>                        div>                            div classfont-bold text-lg font-space>Detaylı Proje Analizi/div>                            div classtext-gray-300 font-inter>İhtiyaçlarınızı tam olarak belirliyoruz/div>                        /div>                    /div>                    div classflex items-center space-x-4>                        div classw-12 h-12 bg-gradient-to-r from-purple-400 to-pink-500 rounded-full flex items-center justify-center shadow-lg>                            i classfas fa-users text-white font-bold>/i>                        /div>                        div>                            div classfont-bold text-lg font-space>Özel Ekip Önerisi/div>                            div classtext-gray-300 font-inter>Size en uygun uzmanları belirliyoruz/div>                        /div>                    /div>                    div classflex items-center space-x-4>                        div classw-12 h-12 bg-gradient-to-r from-yellow-400 to-orange-500 rounded-full flex items-center justify-center shadow-lg>                            i classfas fa-chart-line text-white font-bold>/i>                        /div>                        div>                            div classfont-bold text-lg font-space>ROI Hesaplaması/div>                            div classtext-gray-300 font-inter>Yatırımınızın getirisini hesaplıyoruz/div>                        /div>                    /div>                    div classflex items-center space-x-4>                        div classw-12 h-12 bg-gradient-to-r from-cyan-400 to-blue-500 rounded-full flex items-center justify-center shadow-lg>                            i classfas fa-clock text-white font-bold>/i>                        /div>                        div>                            div classfont-bold text-lg font-space>Hızlı Başlangıç/div>                            div classtext-gray-300 font-inter>48 saat içinde işe başlıyoruz/div>                        /div>                    /div>                /div>                !-- Trust Indicators -->                div classflex flex-wrap items-center gap-6 text-sm text-gray-300 font-inter>                    div classflex items-center space-x-2>                        i classfas fa-shield-alt text-green-400>/i>                        span>100% Güvenli/span>                    /div>                    div classflex items-center space-x-2>                        i classfas fa-clock text-blue-400>/i>                        span>24 Saat Yanıt/span>                    /div>                    div classflex items-center space-x-2>                        i classfas fa-handshake text-yellow-400>/i>                        span>Yükümlülüksüz/span>                    /div>                /div>            /div>            !-- Right Form -->            div classrelative>                !-- Form Container -->                div classbg-white/95 backdrop-blur-xl rounded-3xl shadow-2xl p-8 border border-white/20>                    div x-data{                        currentStep: 1,                        totalSteps: 3,                        formData: {                            name: ,                            email: ,                            phone: ,                            company: ,                            website: ,                            service: ,                            budget: ,                            timeline: ,                            description: ,                            preferredTime:                         },                        formSubmitted: false,                        loading: false                    }>                        !-- Progress Bar -->                        div classmb-8>                            div classflex items-center justify-between mb-4>                                span classtext-sm font-semibold text-gray-600 font-inter>Adım span x-textcurrentStep>/span> / span x-texttotalSteps>/span>/span>                                span classtext-sm font-semibold text-indigo-600 font-inter x-text`${Math.round((currentStep / totalSteps) * 100)}% Tamamlandı`>/span>                            /div>                            div classw-full bg-gray-200 rounded-full h-3>                                div classbg-gradient-to-r from-indigo-500 to-purple-600 h-3 rounded-full transition-all duration-500 ease-out                                     :style`width: ${(currentStep / totalSteps) * 100}%`>/div>                            /div>                        /div>                        !-- Step 1: Kişisel Bilgiler -->                        div x-showcurrentStep  1                             x-transition:entertransition ease-out duration-300                             x-transition:enter-startopacity-0 translate-x-4                             x-transition:enter-endopacity-100 translate-x-0>                            h3 classtext-2xl font-bold text-gray-900 font-space mb-6>                                i classfas fa-user text-indigo-600 mr-3>/i>                                Sizinle Tanışalım                            /h3>                            div classspace-y-4>                                div>                                    label classblock text-sm font-semibold text-gray-700 font-inter mb-2>Adınız Soyadınız */label>                                    input x-modelformData.name                                           typetext                                           placeholderÖrn: Ahmet Yılmaz                                           classw-full px-4 py-3 bg-gray-50 border-2 border-transparent rounded-xl focus:border-indigo-500 focus:bg-white focus:ring-4 focus:ring-indigo-100 transition-all duration-300 font-inter                                           required>                                /div>                                div classgrid grid-cols-1 sm:grid-cols-2 gap-4>                                    div>                                        label classblock text-sm font-semibold text-gray-700 font-inter mb-2>E-posta Adresiniz */label>                                        input x-modelformData.email                                               typeemail                                               placeholderornek@email.com                                               classw-full px-4 py-3 bg-gray-50 border-2 border-transparent rounded-xl focus:border-indigo-500 focus:bg-white focus:ring-4 focus:ring-indigo-100 transition-all duration-300 font-inter                                               required>                                    /div>                                    div>                                        label classblock text-sm font-semibold text-gray-700 font-inter mb-2>Telefon Numaranız */label>                                        input x-modelformData.phone                                               typetel                                               placeholder0555 123 45 67                                               classw-full px-4 py-3 bg-gray-50 border-2 border-transparent rounded-xl focus:border-indigo-500 focus:bg-white focus:ring-4 focus:ring-indigo-100 transition-all duration-300 font-inter                                               required>                                    /div>                                /div>                                div classgrid grid-cols-1 sm:grid-cols-2 gap-4>                                    div>                                        label classblock text-sm font-semibold text-gray-700 font-inter mb-2>Şirket Adı/label>                                        input x-modelformData.company                                               typetext                                               placeholderABC Teknoloji A.Ş.                                               classw-full px-4 py-3 bg-gray-50 border-2 border-transparent rounded-xl focus:border-indigo-500 focus:bg-white focus:ring-4 focus:ring-indigo-100 transition-all duration-300 font-inter>                                    /div>                                    div>                                        label classblock text-sm font-semibold text-gray-700 font-inter mb-2>Mevcut Web Siteniz/label>                                        input x-modelformData.website                                               typeurl                                               placeholderhttps://www.ornek.com                                               classw-full px-4 py-3 bg-gray-50 border-2 border-transparent rounded-xl focus:border-indigo-500 focus:bg-white focus:ring-4 focus:ring-indigo-100 transition-all duration-300 font-inter>                                    /div>                                /div>                            /div>                        /div>                        !-- Step 2: Proje Detayları -->                        div x-showcurrentStep  2                             x-transition:entertransition ease-out duration-300                             x-transition:enter-startopacity-0 translate-x-4                             x-transition:enter-endopacity-100 translate-x-0>                            h3 classtext-2xl font-bold text-gray-900 font-space mb-6>                                i classfas fa-project-diagram text-purple-600 mr-3>/i>                                Proje Detayları                            /h3>                            div classspace-y-4>                                div>                                    label classblock text-sm font-semibold text-gray-700 font-inter mb-2>Hangi hizmete ihtiyacınız var? */label>                                    select x-modelformData.service                                            classw-full px-4 py-3 bg-gray-50 border-2 border-transparent rounded-xl focus:border-indigo-500 focus:bg-white focus:ring-4 focus:ring-indigo-100 transition-all duration-300 font-inter                                            required>                                        option value>Hizmet seçiniz.../option>                                        option valueai>🤖 Yapay Zeka Çözümleri/option>                                        option valueseo>📈 SEO & Sosyal Medya/option>                                        option valueweb>💻 Web & Mobil Geliştirme/option>                                        option valuemarketing>📢 Dijital Pazarlama/option>                                        option valuedata>📊 Veri Analizi & BI/option>                                        option valuecloud>☁️ Cloud & DevOps/option>                                        option valuemultiple>🔄 Birden Fazla Hizmet/option>                                        option valueother>❓ Diğer/option>                                    /select>                                /div>                                div classgrid grid-cols-1 sm:grid-cols-2 gap-4>                                    div>                                        label classblock text-sm font-semibold text-gray-700 font-inter mb-2>Bütçe Aralığınız/label>                                        select x-modelformData.budget                                                classw-full px-4 py-3 bg-gray-50 border-2 border-transparent rounded-xl focus:border-indigo-500 focus:bg-white focus:ring-4 focus:ring-indigo-100 transition-all duration-300 font-inter>                                            option value>Bütçe seçiniz.../option>                                            option value0-5k>💰 5.000₺den az/option>                                            option value5k-15k>💎 5.000₺ - 15.000₺/option>                                            option value15k-50k>🚀 15.000₺ - 50.000₺/option>                                            option value50k+>⭐ 50.000₺den fazla/option>                                        /select>                                    /div>                                    div>                                        label classblock text-sm font-semibold text-gray-700 font-inter mb-2>Tamamlanma Süresi/label>                                        select x-modelformData.timeline                                                classw-full px-4 py-3 bg-gray-50 border-2 border-transparent rounded-xl focus:border-indigo-500 focus:bg-white focus:ring-4 focus:ring-indigo-100 transition-all duration-300 font-inter>                                            option value>Süre seçiniz.../option>                                            option valueasap>⚡ Mümkün olduğunca hızlı/option>                                            option value1month>📅 1 ay içinde/option>                                            option value3months>🗓️ 3 ay içinde/option>                                            option value6months>📆 6 ay içinde/option>                                            option valueflexible>🔄 Esnek/option>                                        /select>                                    /div>                                /div>                                div>                                    label classblock text-sm font-semibold text-gray-700 font-inter mb-2>Proje açıklaması */label>                                    textarea x-modelformData.description                                              rows4                                              placeholderProjenizi detayına kadar anlatın. Ne yapmak istiyorsunuz, hangi sonuçları bekliyorsunuz?                                              classw-full px-4 py-3 bg-gray-50 border-2 border-transparent rounded-xl focus:border-indigo-500 focus:bg-white focus:ring-4 focus:ring-indigo-100 transition-all duration-300 font-inter resize-none                                              required>/textarea>                                /div>                            /div>                        /div>                        !-- Step 3: Görüşme Zamanı -->                        div x-showcurrentStep  3                             x-transition:entertransition ease-out duration-300                             x-transition:enter-startopacity-0 translate-x-4                             x-transition:enter-endopacity-100 translate-x-0>                            h3 classtext-2xl font-bold text-gray-900 font-space mb-6>                                i classfas fa-calendar-alt text-green-600 mr-3>/i>                                Görüşme Zamanı                            /h3>                            div classspace-y-4>                                div>                                    label classblock text-sm font-semibold text-gray-700 font-inter mb-2>Tercih ettiğiniz görüşme zamanı/label>                                    select x-modelformData.preferredTime                                            classw-full px-4 py-3 bg-gray-50 border-2 border-transparent rounded-xl focus:border-indigo-500 focus:bg-white focus:ring-4 focus:ring-indigo-100 transition-all duration-300 font-inter>                                        option value>Zaman seçiniz.../option>                                        option valuemorning>🌅 Sabah (09:00 - 12:00)/option>                                        option valueafternoon>☀️ Öğleden Sonra (13:00 - 17:00)/option>                                        option valueevening>🌆 Akşam (18:00 - 21:00)/option>                                        option valueflexible>🔄 Esnek/option>                                    /select>                                /div>                                !-- Summary -->                                div classbg-gradient-to-r from-indigo-50 to-purple-50 rounded-2xl p-6 mt-6>                                    h4 classfont-bold text-lg text-gray-900 font-space mb-4>📋 Özet/h4>                                    div classspace-y-2 text-sm font-inter>                                        div>strong>İsim:/strong> span x-textformData.name || Belirtilmemiş>/span>/div>                                        div>strong>E-posta:/strong> span x-textformData.email || Belirtilmemiş>/span>/div>                                        div>strong>Hizmet:/strong> span x-textformData.service || Belirtilmemiş>/span>/div>                                        div>strong>Bütçe:/strong> span x-textformData.budget || Belirtilmemiş>/span>/div>                                    /div>                                /div>                            /div>                        /div>                        !-- Navigation Buttons -->                        div classflex justify-between mt-8 x-show!formSubmitted>                            button x-showcurrentStep > 1                                    @clickcurrentStep--                                    classflex items-center px-6 py-3 bg-gray-100 text-gray-700 rounded-xl font-semibold hover:bg-gray-200 transition-all duration-300>                                i classfas fa-chevron-left mr-2>/i>                                Önceki                            /button>                            div classml-auto>                                button x-showcurrentStep  totalSteps                                        @clickcurrentStep++                                        classflex items-center px-8 py-3 bg-gradient-to-r from-indigo-600 to-purple-600 text-white rounded-xl font-bold hover:shadow-lg transition-all duration-300 transform hover:scale-105>                                    Sonraki                                    i classfas fa-chevron-right ml-2>/i>                                /button>                                button x-showcurrentStep  totalSteps                                        @clickloading  true; setTimeout(() > { formSubmitted  true; loading  false; }, 2000)                                        :disabledloading                                        classflex items-center px-8 py-3 bg-gradient-to-r from-green-500 to-blue-500 text-white rounded-xl font-bold hover:shadow-lg transition-all duration-300 transform hover:scale-105 disabled:opacity-70>                                    i classfas fa-paper-plane mr-2 :class{ fa-spinner fa-spin: loading, fa-paper-plane: !loading }>/i>                                    span x-textloading ? Gönderiliyor... : Konsültasyon Talep Et>/span>                                /button>                            /div>                        /div>                        !-- Success Message -->                        div x-showformSubmitted                             x-transition:entertransition ease-out duration-500                             x-transition:enter-startopacity-0 scale-95                             x-transition:enter-endopacity-100 scale-100                             classtext-center py-8>                            div classw-20 h-20 bg-green-500 rounded-full flex items-center justify-center mx-auto mb-6 shadow-lg>                                i classfas fa-check text-white text-3xl>/i>                            /div>                            h3 classtext-2xl font-bold text-gray-900 font-space mb-4>🎉 Başvurunuz Alındı!/h3>                            p classtext-gray-600 mb-6 font-inter leading-relaxed>                                Konsültasyon talebiniz başarıyla iletildi. Uzman ekibimiz 24 saat içinde sizinle iletişime geçecek ve en uygun görüşme zamanını belirleyecek.                            /p>                            div classflex flex-col sm:flex-row gap-4 justify-center>                                a href/takvim classbg-indigo-600 text-white px-6 py-3 rounded-xl font-semibold hover:bg-indigo-700 transition-colors duration-200>                                    i classfas fa-calendar mr-2>/i>                                    Takvimimizi İncele                                /a>                                a href/whatsapp classbg-green-500 text-white px-6 py-3 rounded-xl font-semibold hover:bg-green-600 transition-colors duration-200>                                    i classfab fa-whatsapp mr-2>/i>                                    WhatsApptan Yaz                                /a>                            /div>                        /div>                    /div>                /div>            /div>        /div>    /div>/section>section classpy-20 bg-gray-50>    div classmax-w-7xl mx-auto px-4 sm:px-6 lg:px-8>        div classtext-center mb-16>            h2 classtext-4xl md:text-5xl font-bold text-gray-900 mb-4>                Blog Yazılarımız            /h2>            p classtext-xl text-gray-600>                Dijital dünyada güncel kalmanız için uzman içerikler            /p>        /div>        div classgrid grid-cols-1 md:grid-cols-3 gap-8>                            article classbg-white rounded-2xl overflow-hidden shadow-lg hover:shadow-2xl transition-all duration-300 group>                    div classrelative overflow-hidden>                        img srchttps://images.unsplash.com/photo-1460925895917-afdab827c52f?w400&h250&fitcrop                             alt2024 Dijital Pazarlama Trendleri                             classw-full h-48 object-cover group-hover:scale-110 transition-transform duration-500>                        div classabsolute top-4 left-4>                            span classbg-indigo-600 text-white px-3 py-1 rounded-full text-sm font-semibold>                                Dijital Pazarlama                            /span>                        /div>                    /div>                    div classp-6>                        div classtext-sm text-gray-500 mb-3>                            i classfas fa-calendar mr-2>/i>                            15 Mart 2024                        /div>                        h3 classtext-xl font-bold text-gray-900 mb-3 group-hover:text-indigo-600 transition-colors duration-200>                            2024 Dijital Pazarlama Trendleri                        /h3>                        p classtext-gray-600 leading-relaxed mb-4>                            Bu yıl dikkat edilmesi gereken en önemli dijital pazarlama trendlerini keşfedin.                        /p>                        a href# classtext-indigo-600 font-semibold hover:text-purple-600 transition-colors duration-200>                            Devamını Oku i classfas fa-arrow-right ml-1>/i>                        /a>                    /div>                /article>                            article classbg-white rounded-2xl overflow-hidden shadow-lg hover:shadow-2xl transition-all duration-300 group>                    div classrelative overflow-hidden>                        img srchttps://images.unsplash.com/photo-1485827404703-89b55fcc595e?w400&h250&fitcrop                             altSEOda Yapay Zeka Devrimi                             classw-full h-48 object-cover group-hover:scale-110 transition-transform duration-500>                        div classabsolute top-4 left-4>                            span classbg-indigo-600 text-white px-3 py-1 rounded-full text-sm font-semibold>                                SEO                            /span>                        /div>                    /div>                    div classp-6>                        div classtext-sm text-gray-500 mb-3>                            i classfas fa-calendar mr-2>/i>                            12 Mart 2024                        /div>                        h3 classtext-xl font-bold text-gray-900 mb-3 group-hover:text-indigo-600 transition-colors duration-200>                            SEOda Yapay Zeka Devrimi                        /h3>                        p classtext-gray-600 leading-relaxed mb-4>                            AI teknolojilerinin SEO stratejilerinizi nasıl dönüştürebileceğini öğrenin.                        /p>                        a href# classtext-indigo-600 font-semibold hover:text-purple-600 transition-colors duration-200>                            Devamını Oku i classfas fa-arrow-right ml-1>/i>                        /a>                    /div>                /article>                            article classbg-white rounded-2xl overflow-hidden shadow-lg hover:shadow-2xl transition-all duration-300 group>                    div classrelative overflow-hidden>                        img srchttps://images.unsplash.com/photo-1556742049-0cfed4f6a45d?w400&h250&fitcrop                             altE-ticaret Sitesi Tasarım İpuçları                             classw-full h-48 object-cover group-hover:scale-110 transition-transform duration-500>                        div classabsolute top-4 left-4>                            span classbg-indigo-600 text-white px-3 py-1 rounded-full text-sm font-semibold>                                Web Tasarım                            /span>                        /div>                    /div>                    div classp-6>                        div classtext-sm text-gray-500 mb-3>                            i classfas fa-calendar mr-2>/i>                            10 Mart 2024                        /div>                        h3 classtext-xl font-bold text-gray-900 mb-3 group-hover:text-indigo-600 transition-colors duration-200>                            E-ticaret Sitesi Tasarım İpuçları                        /h3>                        p classtext-gray-600 leading-relaxed mb-4>                            Dönüşüm oranlarını artıracak e-ticaret tasarım prensiplerini keşfedin.                        /p>                        a href# classtext-indigo-600 font-semibold hover:text-purple-600 transition-colors duration-200>                            Devamını Oku i classfas fa-arrow-right ml-1>/i>                        /a>                    /div>                /article>                    /div>        div classtext-center mt-12>            a href/blog classbg-gradient-to-r from-indigo-500 to-purple-600 text-white px-8 py-4 rounded-full font-semibold text-lg hover:shadow-xl transition-all duration-300 transform hover:scale-105>                i classfas fa-blog mr-2>/i>                Tüm Blog Yazıları            /a>        /div>    /div>/section>!-- Global Premium Footer -->footer classrelative bg-gradient-to-br from-gray-900 via-indigo-900 to-purple-900 text-white overflow-hidden>    !-- Animated Background Pattern -->    div classabsolute inset-0 opacity-10>        div classhero-pattern w-full h-full>/div>    /div>    !-- Floating Global Elements -->    div classabsolute inset-0 overflow-hidden pointer-events-none>        div classabsolute top-20 left-20 w-32 h-32 bg-gradient-to-r from-blue-500/20 to-cyan-500/20 rounded-full blur-3xl animate-pulse>/div>        div classabsolute bottom-32 right-32 w-40 h-40 bg-gradient-to-r from-purple-500/20 to-pink-500/20 rounded-full blur-3xl animate-pulse styleanimation-delay: 2s;>/div>        div classabsolute top-1/2 left-1/3 w-24 h-24 bg-gradient-to-r from-indigo-500/20 to-purple-500/20 rounded-full blur-2xl animate-pulse styleanimation-delay: 4s;>/div>    /div>    div classrelative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-20>        !-- Global Stats Banner -->        div classmb-20>            div classbg-gradient-to-r from-indigo-800/50 via-purple-800/50 to-pink-800/50 backdrop-blur-xl rounded-3xl p-8 border border-white/10>                div classgrid grid-cols-2 md:grid-cols-4 gap-8 text-center>                    div classgroup hover:scale-105 transition-transform duration-300>                        div classw-16 h-16 bg-gradient-to-r from-blue-500 to-cyan-500 rounded-2xl flex items-center justify-center mx-auto mb-4>                            i classfas fa-users text-2xl text-white>/i>                        /div>                        div classtext-3xl font-black text-white mb-2>500+/div>                        div classtext-sm text-gray-300>Global Freelancer/div>                    /div>                    div classgroup hover:scale-105 transition-transform duration-300>                        div classw-16 h-16 bg-gradient-to-r from-green-500 to-emerald-500 rounded-2xl flex items-center justify-center mx-auto mb-4>                            i classfas fa-globe text-2xl text-white>/i>                        /div>                        div classtext-3xl font-black text-white mb-2>50+/div>                        div classtext-sm text-gray-300>Ülke Ağı/div>                    /div>                    div classgroup hover:scale-105 transition-transform duration-300>                        div classw-16 h-16 bg-gradient-to-r from-purple-500 to-violet-500 rounded-2xl flex items-center justify-center mx-auto mb-4>                            i classfas fa-clock text-2xl text-white>/i>                        /div>                        div classtext-3xl font-black text-white mb-2>7/24/div>                        div classtext-sm text-gray-300>Kesintisiz Destek/div>                    /div>                    div classgroup hover:scale-105 transition-transform duration-300>                        div classw-16 h-16 bg-gradient-to-r from-pink-500 to-rose-500 rounded-2xl flex items-center justify-center mx-auto mb-4>                            i classfas fa-heart text-2xl text-white>/i>                        /div>                        div classtext-3xl font-black text-white mb-2>%99/div>                        div classtext-sm text-gray-300>Müşteri Memnuniyeti/div>                    /div>                /div>            /div>        /div>        !-- Main Footer Content -->        div classgrid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12 mb-16>            !-- Company Info - Global Approach -->            div classspace-y-6>                div classflex items-center space-x-3>                    div classrelative>                        div classw-16 h-16 bg-gradient-to-br from-indigo-500 via-purple-600 to-pink-500 rounded-3xl flex items-center justify-center logo-glow>                            i classfas fa-rocket text-white text-2xl>/i>                        /div>                        div classabsolute -top-1 -right-1 w-6 h-6 bg-gradient-to-r from-green-400 to-emerald-400 rounded-full flex items-center justify-center>                            div classw-2 h-2 bg-white rounded-full animate-pulse>/div>                        /div>                    /div>                    div>                        span classtext-3xl font-black font-space bg-gradient-to-r from-white via-blue-100 to-purple-100 bg-clip-text text-transparent>Agivra/span>                        div classtext-sm font-medium text-purple-300 tracking-widest uppercase -mt-1>Global Network/div>                    /div>                /div>                p classtext-gray-300 leading-relaxed>                    strong>Dünya çapındaki çalışma ağımız/strong> ile geleneksel ofis sınırlarını aşıyor,                    strong>500+ freelancer/strong> ile global çözümler sunuyoruz.                    Projelerinizi strong>7/24 kesintisiz/strong> geliştiriyoruz.                /p>                !-- Global Working Badge -->                div classinline-flex items-center bg-gradient-to-r from-blue-600/20 to-purple-600/20 backdrop-blur border border-blue-400/30 rounded-full px-4 py-2>                    div classw-2 h-2 bg-green-400 rounded-full mr-2 animate-pulse>/div>                    span classtext-sm font-semibold text-blue-300>Global Ağ Aktif/span>                /div>                !-- Social Media -->                div classflex space-x-4>                    a href# classgroup w-12 h-12 bg-white/10 backdrop-blur rounded-2xl flex items-center justify-center hover:bg-blue-600 transition-all duration-300 hover:scale-110 hover:rotate-6>                        i classfab fa-linkedin text-lg group-hover:text-white>/i>                    /a>                    a href# classgroup w-12 h-12 bg-white/10 backdrop-blur rounded-2xl flex items-center justify-center hover:bg-pink-600 transition-all duration-300 hover:scale-110 hover:rotate-6>                        i classfab fa-instagram text-lg group-hover:text-white>/i>                    /a>                    a href# classgroup w-12 h-12 bg-white/10 backdrop-blur rounded-2xl flex items-center justify-center hover:bg-blue-500 transition-all duration-300 hover:scale-110 hover:rotate-6>                        i classfab fa-twitter text-lg group-hover:text-white>/i>                    /a>                    a href# classgroup w-12 h-12 bg-white/10 backdrop-blur rounded-2xl flex items-center justify-center hover:bg-red-600 transition-all duration-300 hover:scale-110 hover:rotate-6>                        i classfab fa-youtube text-lg group-hover:text-white>/i>                    /a>                    a href# classgroup w-12 h-12 bg-white/10 backdrop-blur rounded-2xl flex items-center justify-center hover:bg-purple-600 transition-all duration-300 hover:scale-110 hover:rotate-6>                        i classfab fa-github text-lg group-hover:text-white>/i>                    /a>                /div>            /div>            !-- Global Services -->            div>                h4 classtext-xl font-bold mb-6 flex items-center>                    i classfas fa-cog text-purple-400 mr-3 animate-spin-slow>/i>                    Global Hizmetler                /h4>                ul classspace-y-4>                    li>                        a href/hizmetler/web-gelistirme classgroup flex items-center text-gray-300 hover:text-white transition-all duration-300>                            i classfas fa-code text-blue-400 mr-3 group-hover:scale-110 transition-transform duration-300>/i>                            span classgroup-hover:translate-x-1 transition-transform duration-300>Web Geliştirme/span>                        /a>                    /li>                    li>                        a href/hizmetler/mobil-uygulama classgroup flex items-center text-gray-300 hover:text-white transition-all duration-300>                            i classfas fa-mobile-alt text-green-400 mr-3 group-hover:scale-110 transition-transform duration-300>/i>                            span classgroup-hover:translate-x-1 transition-transform duration-300>Mobil Uygulama/span>                        /a>                    /li>                    li>                        a href/hizmetler/ai-cozumleri classgroup flex items-center text-gray-300 hover:text-white transition-all duration-300>                            i classfas fa-robot text-purple-400 mr-3 group-hover:scale-110 transition-transform duration-300>/i>                            span classgroup-hover:translate-x-1 transition-transform duration-300>AI Çözümleri/span>                        /a>                    /li>                    li>                        a href/hizmetler/dijital-pazarlama classgroup flex items-center text-gray-300 hover:text-white transition-all duration-300>                            i classfas fa-bullhorn text-orange-400 mr-3 group-hover:scale-110 transition-transform duration-300>/i>                            span classgroup-hover:translate-x-1 transition-transform duration-300>Dijital Pazarlama/span>                        /a>                    /li>                    li>                        a href/hizmetler/blockchain classgroup flex items-center text-gray-300 hover:text-white transition-all duration-300>                            i classfas fa-link text-yellow-400 mr-3 group-hover:scale-110 transition-transform duration-300>/i>                            span classgroup-hover:translate-x-1 transition-transform duration-300>Blockchain & Web3/span>                        /a>                    /li>                /ul>            /div>            !-- Company Links -->            div>                h4 classtext-xl font-bold mb-6 flex items-center>                    i classfas fa-building text-indigo-400 mr-3>/i>                    Şirket                /h4>                ul classspace-y-4>                    li>                        a href/hakkimizda classgroup flex items-center text-gray-300 hover:text-white transition-all duration-300>                            i classfas fa-globe-americas text-blue-400 mr-3 group-hover:scale-110 transition-transform duration-300>/i>                            span classgroup-hover:translate-x-1 transition-transform duration-300>Global Ağımız/span>                        /a>                    /li>                    li>                        a href/portfoy classgroup flex items-center text-gray-300 hover:text-white transition-all duration-300>                            i classfas fa-trophy text-yellow-400 mr-3 group-hover:scale-110 transition-transform duration-300>/i>                            span classgroup-hover:translate-x-1 transition-transform duration-300>Başarı Hikayeleri/span>                        /a>                    /li>                    li>                        a href/blog classgroup flex items-center text-gray-300 hover:text-white transition-all duration-300>                            i classfas fa-blog text-purple-400 mr-3 group-hover:scale-110 transition-transform duration-300>/i>                            span classgroup-hover:translate-x-1 transition-transform duration-300>Uzman İçerikler/span>                        /a>                    /li>                    li>                        a href/vaka-analizleri classgroup flex items-center text-gray-300 hover:text-white transition-all duration-300>                            i classfas fa-chart-line text-green-400 mr-3 group-hover:scale-110 transition-transform duration-300>/i>                            span classgroup-hover:translate-x-1 transition-transform duration-300>Vaka Analizleri/span>                        /a>                    /li>                    li>                        a href/sektorler classgroup flex items-center text-gray-300 hover:text-white transition-all duration-300>                            i classfas fa-industry text-indigo-400 mr-3 group-hover:scale-110 transition-transform duration-300>/i>                            span classgroup-hover:translate-x-1 transition-transform duration-300>Sektörler/span>                        /a>                    /li>                /ul>            /div>            !-- Global Contact & Support -->            div>                h4 classtext-xl font-bold mb-6 flex items-center>                    i classfas fa-headset text-green-400 mr-3>/i>                    Global Destek                /h4>                !-- Online Support Status -->                div classmb-6 p-4 bg-gradient-to-r from-green-600/20 to-emerald-600/20 backdrop-blur border border-green-400/30 rounded-2xl>                    div classflex items-center mb-2>                        div classw-3 h-3 bg-green-400 rounded-full mr-3 animate-pulse>/div>                        span classfont-semibold text-green-300>Canlı Destek Online/span>                    /div>                    p classtext-sm text-gray-300>Global ekibimiz 7/24 hizmetinizde/p>                /div>                div classspace-y-4>                    !-- Online Contact Methods -->                    div classgroup>                        a href/iletisim classflex items-center text-gray-300 hover:text-white transition-all duration-300>                            i classfas fa-comments text-green-400 mr-3 group-hover:scale-110 transition-transform duration-300>/i>                            div>                                div classfont-semibold group-hover:translate-x-1 transition-transform duration-300>Canlı Destek/div>                                div classtext-xs text-gray-400>Ortalama 2 dakika yanıt/div>                            /div>                        /a>                    /div>                    div classgroup>                        a href/iletisim#ticket classflex items-center text-gray-300 hover:text-white transition-all duration-300>                            i classfas fa-ticket-alt text-blue-400 mr-3 group-hover:scale-110 transition-transform duration-300>/i>                            div>                                div classfont-semibold group-hover:translate-x-1 transition-transform duration-300>Ticket Sistemi/div>                                div classtext-xs text-gray-400>Detaylı sorunlar için/div>                            /div>                        /a>                    /div>                    div classgroup>                        a href/cdn-cgi/l/email-protection#d4b3b8bbb6b5b894b5b3bda2a6b5fab7bbb9 classflex items-center text-gray-300 hover:text-white transition-all duration-300>                            i classfas fa-envelope text-purple-400 mr-3 group-hover:scale-110 transition-transform duration-300>/i>                            div>                                div classfont-semibold group-hover:translate-x-1 transition-transform duration-300>span class__cf_email__ data-cfemail6e0902010c0f022e0f0907181c0f400d0103>email protected/span>/div>                                div classtext-xs text-gray-400>Global proje desteği/div>                            /div>                        /a>                    /div>                    div classgroup>                        a href/iletisim#video-call classflex items-center text-gray-300 hover:text-white transition-all duration-300>                            i classfas fa-video text-orange-400 mr-3 group-hover:scale-110 transition-transform duration-300>/i>                            div>                                div classfont-semibold group-hover:translate-x-1 transition-transform duration-300>Video Görüşme/div>                                div classtext-xs text-gray-400>Uzmanlarımızla birebir/div>                            /div>                        /a>                    /div>                /div>            /div>        /div>        !-- Global CTA Section -->        div classmb-16>            div classbg-gradient-to-r from-purple-600/20 via-pink-600/20 to-indigo-600/20 backdrop-blur-xl border border-purple-400/30 rounded-3xl p-8 text-center>                h3 classtext-3xl font-bold text-white mb-4>                    Projenizi span classtext-transparent bg-clip-text bg-gradient-to-r from-purple-400 to-pink-400>Global Ağımızla/span> Başlatın                /h3>                p classtext-gray-300 mb-6>500+ uzmanımız ile 48 saat içinde projenize başlıyoruz/p>                div classflex flex-col sm:flex-row gap-4 justify-center>                    a href/teklif-al classbg-gradient-to-r from-purple-500 to-pink-500 text-white font-bold py-4 px-8 rounded-2xl hover:scale-105 transition-all duration-300 shadow-lg>                        i classfas fa-rocket mr-2>/i>                        Global Proje Desteği Al                    /a>                    a href/iletisim classborder-2 border-white/30 text-white font-bold py-4 px-8 rounded-2xl hover:bg-white/10 transition-all duration-300>                        i classfas fa-headset mr-2>/i>                        Canlı Destek                    /a>                /div>            /div>        /div>        !-- Time Zones Display -->        div classmb-16>            h4 classtext-center text-xl font-bold text-white mb-8>Şu An Aktif Olan Bölgelerimiz/h4>            div classgrid grid-cols-1 md:grid-cols-3 gap-6>                div classbg-white/5 backdrop-blur rounded-2xl p-6 text-center>                    div classw-12 h-12 bg-gradient-to-r from-blue-500 to-cyan-500 rounded-full flex items-center justify-center mx-auto mb-4>                        i classfas fa-sun text-white>/i>                    /div>                    div classtext-white font-bold mb-2>Amerika Kıtası/div>                    div classtext-gray-300 text-sm idamerica-time>Yükleniyor.../div>                    div classtext-green-400 text-xs mt-2>● Aktif Çalışma/div>                /div>                div classbg-white/5 backdrop-blur rounded-2xl p-6 text-center>                    div classw-12 h-12 bg-gradient-to-r from-green-500 to-emerald-500 rounded-full flex items-center justify-center mx-auto mb-4>                        i classfas fa-sun text-white>/i>                    /div>                    div classtext-white font-bold mb-2>Avrupa/div>                    div classtext-gray-300 text-sm ideurope-time>Yükleniyor.../div>                    div classtext-green-400 text-xs mt-2>● Aktif Çalışma/div>                /div>                div classbg-white/5 backdrop-blur rounded-2xl p-6 text-center>                    div classw-12 h-12 bg-gradient-to-r from-purple-500 to-violet-500 rounded-full flex items-center justify-center mx-auto mb-4>                        i classfas fa-moon text-white>/i>                    /div>                    div classtext-white font-bold mb-2>Asya-Pasifik/div>                    div classtext-gray-300 text-sm idasia-time>Yükleniyor.../div>                    div classtext-yellow-400 text-xs mt-2>● Gece Vardiyası/div>                /div>            /div>        /div>        !-- Bottom Bar -->        div classborder-t border-white/20 pt-8>            div classflex flex-col md:flex-row justify-between items-center space-y-4 md:space-y-0>                div classtext-gray-400 text-sm text-center md:text-left>                    © 2026 Agivra Global Network.                    span classtext-transparent bg-clip-text bg-gradient-to-r from-blue-400 to-purple-400>                        Dünya çapında hizmet veren teknoloji ağı.                    /span>                /div>                div classflex flex-wrap justify-center gap-6 text-sm>                    a href/gizlilik-politikasi classtext-gray-400 hover:text-white transition-colors duration-200 flex items-center>                        i classfas fa-shield-alt mr-2>/i>                        Gizlilik Politikası                    /a>                    a href/kullanim-kosullari classtext-gray-400 hover:text-white transition-colors duration-200 flex items-center>                        i classfas fa-file-contract mr-2>/i>                        Kullanım Koşulları                    /a>                    a href/nda-sozlesmesi classtext-gray-400 hover:text-white transition-colors duration-200 flex items-center>                        i classfas fa-handshake mr-2>/i>                        NDA Sözleşmesi                    /a>                /div>            /div>        /div>    /div>/footer>!-- Enhanced Back to Top Button -->button idbackToTop classfixed bottom-8 right-8 w-14 h-14 bg-gradient-to-r from-indigo-500 via-purple-500 to-pink-500 text-white rounded-full shadow-2xl hover:shadow-3xl transform hover:scale-110 transition-all duration-300 opacity-0 pointer-events-none z-50 group>    i classfas fa-rocket text-xl transform group-hover:-rotate-45 transition-transform duration-300>/i>    div classabsolute inset-0 bg-gradient-to-r from-pink-500 via-purple-500 to-indigo-500 rounded-full opacity-0 group-hover:opacity-100 transition-opacity duration-300 animate-pulse>/div>/button>script data-cfasyncfalse src/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js>/script>script>    // Enhanced back to top functionality    window.addEventListener(scroll, function() {        const backToTop  document.getElementById(backToTop);        if (window.pageYOffset > 500) {            backToTop.classList.remove(opacity-0, pointer-events-none);            backToTop.classList.add(opacity-100);        } else {            backToTop.classList.add(opacity-0, pointer-events-none);            backToTop.classList.remove(opacity-100);        }    });    document.getElementById(backToTop).addEventListener(click, function() {        window.scrollTo({            top: 0,            behavior: smooth        });    });    // Real-time global time display    function updateGlobalTimes() {        const now  new Date();        // Amerika (New York)        const americaTime  new Date(now.toLocaleString(en-US, {timeZone: America/New_York}));        document.getElementById(america-time).textContent  americaTime.toLocaleTimeString(tr-TR, {            hour: 2-digit,            minute: 2-digit        });        // Avrupa (İstanbul)        const europeTime  new Date(now.toLocaleString(en-US, {timeZone: Europe/Istanbul}));        document.getElementById(europe-time).textContent  europeTime.toLocaleTimeString(tr-TR, {            hour: 2-digit,            minute: 2-digit        });        // Asya (Tokyo)        const asiaTime  new Date(now.toLocaleString(en-US, {timeZone: Asia/Tokyo}));        document.getElementById(asia-time).textContent  asiaTime.toLocaleTimeString(tr-TR, {            hour: 2-digit,            minute: 2-digit        });    }    // Update times initially and every minute    updateGlobalTimes();    setInterval(updateGlobalTimes, 60000);    // Smooth scroll for footer links    document.querySelectorAll(ahref^#).forEach(anchor > {        anchor.addEventListener(click, function (e) {            e.preventDefault();            const target  document.querySelector(this.getAttribute(href));            if (target) {                target.scrollIntoView({                    behavior: smooth,                    block: start                });            }        });    });/script>!-- Additional CSS for animations -->style>    @keyframes spin-slow {        from {            transform: rotate(0deg);        }        to {            transform: rotate(360deg);        }    }    .animate-spin-slow {        animation: spin-slow 8s linear infinite;    }    .logo-glow {        filter: drop-shadow(0 0 20px rgba(99, 102, 241, 0.3));    }    .hero-pattern {        background-image: url(data:image/svg+xml,%3Csvg width60 height60 viewBox0 0 60 60 xmlnshttp://www.w3.org/2000/svg%3E%3Cg fillnone fill-ruleevenodd%3E%3Cg fill%23ffffff fill-opacity0.05%3E%3Ccircle cx30 cy30 r4/%3E%3C/g%3E%3C/g%3E%3C/svg%3E);    }/style>/body>/html>

View on OTX | View on ThreatMiner

Data with thanks to AlienVault OTX, VirusTotal, Malwr and others. [Sitemap]

Domain > agivra.com

Is this malicious?

DNS Resolutions

Port 443