{"id":51,"date":"2026-01-14T21:34:55","date_gmt":"2026-01-14T21:34:55","guid":{"rendered":"https:\/\/irmakkitap.com\/?page_id=51"},"modified":"2026-02-26T19:15:04","modified_gmt":"2026-02-26T19:15:04","slug":"elementor-51","status":"publish","type":"page","link":"https:\/\/irmakkitap.com\/","title":{"rendered":"Elementor #51"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"51\" class=\"elementor elementor-51\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4cc3b28c e-flex e-con-boxed e-con e-parent\" data-id=\"4cc3b28c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-44adf531 elementor-widget elementor-widget-html\" data-id=\"44adf531\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"tr\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>IRMAK | Neyi Ar\u0131yorsan O'sun Sen<\/title>\n    \n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Display:ital,wght@0,300;0,600;1,400&family=Plus+Jakarta+Sans:wght@200;400;700&display=swap\" rel=\"stylesheet\">\n\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    colors: {\n                        'noir': '#050505',\n                        'brand-orange': '#FF6B00',\n                        'paper-white': '#FDFCFB',\n                        'accent-gray': '#1A1A1B'\n                    },\n                    fontFamily: {\n                        serif: ['\"Cormorant Display\"', 'serif'],\n                        sans: ['\"Plus Jakarta Sans\"', 'sans-serif'],\n                    }\n                }\n            }\n        }\n    <\/script>\n\n    <style>\n        body {\n            background-color: #050505;\n            color: #FDFCFB;\n            overflow-x: hidden;\n            cursor: crosshair;\n        }\n\n        .bg-hero {\n            background-image: linear-gradient(to bottom, rgba(5,5,5,0.4), rgba(5,5,5,0.9)), url('https:\/\/i.hizliresim.com\/nbboqyw.jpeg');\n            background-size: cover;\n            background-position: center;\n            background-attachment: fixed;\n        }\n\n        .text-outline {\n            -webkit-text-stroke: 1px rgba(253, 252, 251, 0.2);\n            color: transparent;\n        }\n\n        .reveal-section {\n            opacity: 0;\n            transform: translateY(40px);\n            transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);\n        }\n\n        .reveal-section.active {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .scroll-down-indicator {\n            width: 1px;\n            height: 50px;\n            background: linear-gradient(to bottom, transparent, #FF6B00, transparent);\n            animation: scrollLine 2s infinite ease-in-out;\n        }\n\n        @keyframes scrollLine {\n            0% { transform: scaleY(0); transform-origin: top; }\n            50% { transform: scaleY(1); transform-origin: top; }\n            50.1% { transform: scaleY(1); transform-origin: bottom; }\n            100% { transform: scaleY(0); transform-origin: bottom; }\n        }\n\n        .parallax-img {\n            transition: transform 0.3s ease-out;\n        }\n\n        ::-webkit-scrollbar { width: 3px; }\n        ::-webkit-scrollbar-track { background: #050505; }\n        ::-webkit-scrollbar-thumb { background: #FF6B00; }\n\n        .book-slider {\n            display: flex;\n            overflow-x: auto;\n            scroll-snap-type: x mandatory;\n            scrollbar-width: none;\n            gap: 1.5rem;\n            padding-bottom: 2rem;\n            -webkit-overflow-scrolling: touch;\n        }\n\n        .book-slider::-webkit-scrollbar { display: none; }\n\n        .book-card {\n            flex: 0 0 200px;\n            scroll-snap-align: start;\n            transition: all 0.4s ease;\n        }\n\n        @media (min-width: 768px) {\n            .book-card { flex: 0 0 240px; }\n        }\n\n        .book-card:hover { transform: translateY(-10px); }\n\n        .book-cover {\n            aspect-ratio: 2\/3;\n            background: #1A1A1B;\n            border: 1px solid rgba(255, 107, 0, 0.1);\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 10px 25px rgba(0,0,0,0.5);\n        }\n\n        .book-cover img { width: 100%; height: 100%; object-fit: cover; }\n\n        .category-item {\n            border-bottom: 1px solid rgba(255, 107, 0, 0.08);\n            padding: 1rem 0;\n            transition: all 0.3s ease;\n        }\n\n        .category-item:hover {\n            padding-left: 0.75rem;\n            border-bottom-color: #FF6B00;\n        }\n\n        .img-mask {\n            position: relative;\n            overflow: hidden;\n            border: 1px solid rgba(255,255,255,0.05);\n        }\n\n        .founder-frame {\n            max-width: 260px;\n            width: 100%;\n        }\n\n        .about-block {\n            border-left: 1px solid rgba(255, 107, 0, 0.2);\n            padding-left: 2rem;\n        }\n    <\/style>\n<\/head>\n<body class=\"font-sans antialiased\">\n\n    <!-- REQUIRED PLACEHOLDERS -->\n    <!-- Chosen Palette: Noir (#050505) & Brand Orange (#FF6B00) - Kurumsal ciddiyet ve modern estetik. -->\n    <!-- Application Structure Plan: \n         1. Hero: Neyi Ar\u0131yorsan O'sun Sen.\n         2. Kurumsal Ge\u00e7mi\u015f: Ali Osman Deniz ve \u00c7a\u011fr\u0131'dan Irmak'a 45 y\u0131ll\u0131k kronoloji.\n         3. Miras: 38 y\u0131l Bulgar Pazar\u0131 vurgusu ve Fuar Ar\u015fivi kan\u0131t\u0131.\n         4. Koleksiyon: Se\u00e7kiler listesi.\n         5. Yay\u0131nevi: Kitap Kul\u00fcb\u00fc Yay\u0131nlar\u0131 ve \u00c7anakkale eseri dahil g\u00fcncel slider.\n         6. Atmosfer: Yeni ma\u011faza i\u00e7i g\u00f6rsellerle tekrar etmeyen galeri.\n         7. \u0130leti\u015fim: Kavakl\u0131 lokasyonu. -->\n    <!-- Visualization & Content Choices: Ali Osman Deniz k\u00fc\u00e7\u00fclt\u00fcld\u00fc, 38 y\u0131l Bulgar Pazar\u0131 ve Ocak 2026 ge\u00e7i\u015fi eklendi. -->\n    <!-- CONFIRMATION: NO SVG graphics used. NO Mermaid JS used. -->\n\n    <!-- Global Navigation -->\n    <nav class=\"fixed top-0 w-full z-[100] px-6 py-5 md:px-10 md:py-8 flex justify-between items-center mix-blend-difference\">\n        <div class=\"flex flex-col text-white\">\n            <div class=\"text-xl md:text-2xl font-serif font-bold tracking-widest leading-none\">IRMAK<\/div>\n            <span class=\"text-[7px] md:text-[8px] tracking-[0.4em] uppercase opacity-50 mt-1\">K\u00fclt\u00fcr\u00fcn Haf\u0131zas\u0131<\/span>\n        <\/div>\n        <div class=\"hidden md:flex space-x-10 text-[9px] tracking-[0.5em] font-bold uppercase text-white\/60\">\n            <a href=\"#about\" class=\"hover:text-brand-orange transition-colors\">Kurumsal<\/a>\n            <a href=\"#heritage\" class=\"hover:text-brand-orange transition-colors\">Miras<\/a>\n            <a href=\"#koleksiyon\" class=\"hover:text-brand-orange transition-colors\">Se\u00e7kiler<\/a>\n            <a href=\"#yayincilik\" class=\"hover:text-brand-orange transition-colors\">Yay\u0131nevi<\/a>\n        <\/div>\n        <div class=\"md:hidden text-white text-xl\">\u2630<\/div>\n    <\/nav>\n\n    <!-- Section 1: Cinematic Hero -->\n    <header class=\"h-screen relative flex items-center justify-center bg-hero overflow-hidden px-6 text-white\">\n        <div class=\"relative z-10 text-center max-w-4xl\">\n            <h1 class=\"font-serif text-4xl sm:text-6xl md:text-7xl italic leading-tight mb-4 uppercase tracking-tighter\">\n                NEY\u0130 ARIYORSAN <br> <span class=\"text-brand-orange\">O'SUN SEN.<\/span>\n            <\/h1>\n            <p class=\"text-[9px] md:text-[11px] tracking-[0.6em] uppercase opacity-70 mt-6 font-bold\">Tav\u015fanl\u0131'da 45 Y\u0131ll\u0131k Edebiyat Ser\u00fcveni<\/p>\n        <\/div>\n        <div class=\"absolute bottom-8 flex flex-col items-center gap-3\">\n            <div class=\"scroll-down-indicator\"><\/div>\n        <\/div>\n    <\/header>\n\n    <!-- Section 2: Founder & Corporate History (45 Y\u0131l \/ 38 Y\u0131l \/ Ocak 2026) -->\n    <section id=\"about\" class=\"py-20 px-6 md:px-12 lg:px-32 bg-noir\">\n        <div class=\"max-w-7xl mx-auto grid grid-cols-1 lg:grid-cols-12 gap-12 lg:gap-24 items-start\">\n            \n            <div class=\"lg:col-span-4 reveal-section flex flex-col items-center lg:items-start\">\n                <div class=\"founder-frame\">\n                    <div class=\"aspect-[3\/4] overflow-hidden rounded-sm shadow-2xl border border-white\/5\">\n                        <img decoding=\"async\" src=\"https:\/\/i.hizliresim.com\/tt0txvc.png\" alt=\"Kurucu Ali Osman Deniz\" class=\"parallax-img w-full h-full object-cover grayscale hover:grayscale-0 duration-1000\">\n                    <\/div>\n                    <div class=\"mt-6 text-center lg:text-left\">\n                        <p class=\"font-serif text-xl italic leading-none text-brand-orange\">Ali Osman Deniz<\/p>\n                        <p class=\"text-[9px] tracking-widest uppercase opacity-40 mt-2 font-bold tracking-[0.2em]\">KURUCU<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"lg:col-span-8 reveal-section about-block\">\n                <h6 class=\"text-brand-orange text-[10px] tracking-[0.5em] uppercase mb-8 font-bold\">Kurumsal Varl\u0131k & Ge\u00e7mi\u015f<\/h6>\n                <div class=\"space-y-8 text-paper-white\/70 leading-relaxed font-light text-base md:text-lg\">\n                    <p>Kurumsal varl\u0131\u011f\u0131m\u0131z sekt\u00f6rde 45 y\u0131l\u0131 geride b\u0131rakm\u0131\u015ft\u0131r. <strong>\u00c7a\u011fr\u0131 Kitabevi<\/strong> ile ba\u015flayan bu k\u00f6kl\u00fc ser\u00fcven; Irmak Kitabevi ve Irmak Kitap K\u0131rtasiye ad\u0131yla tam <strong>38 y\u0131l boyunca Tav\u015fanl\u0131 Bulgar Pazar\u0131'nda<\/strong> (Tahsin Buruk Caddesi) \u015fehrin k\u00fclt\u00fcrel merkezlerinden biri olmu\u015ftur.<\/p>\n                    \n                    <p>2026 y\u0131l\u0131 Ocak ay\u0131 itibar\u0131yla, 45 y\u0131ll\u0131k tecr\u00fcbemizi Bedesten AVM kar\u015f\u0131s\u0131ndaki yeni ve modern merkezimize ta\u015f\u0131yarak hizmet kalitemizi bir \u00fcst boyuta \u00e7\u0131kard\u0131k. \u015eirketimiz, yay\u0131nevi faaliyetlerinin yan\u0131 s\u0131ra organizasyon hizmetleri ve teknolojik ara\u00e7-gere\u00e7 tedari\u011fi alan\u0131ndaki 35 y\u0131ll\u0131k ticari deneyimini s\u00fcrd\u00fcrmektedir.<\/p>\n\n                    <div class=\"p-6 bg-accent-gray\/50 border border-brand-orange\/10 rounded-sm\">\n                        <p class=\"text-sm italic text-brand-orange mb-3\">Yay\u0131nc\u0131l\u0131k & Eser Sahipli\u011fi:<\/p>\n                        <p class=\"text-xs leading-relaxed\">Kitaplar\u0131n\u0131z, tezleriniz ve t\u00fcm i\u00e7erikleriniz i\u00e7in yay\u0131n haz\u0131rl\u0131klar\u0131, telif haklar\u0131 ve eser sahipli\u011fine ili\u015fkin profesyonel destek sunuyoruz. Taslak dosyalar\u0131n\u0131z\u0131 asla tescilletmeden kimseyle payla\u015fmay\u0131n\u0131z; eser koruma planlar\u0131 i\u00e7in bizimle ileti\u015fime ge\u00e7ebilirsiniz.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <!-- Section 3: Heritage & Archive -->\n    <section id=\"heritage\" class=\"py-20 px-6 md:px-32 bg-noir overflow-hidden\">\n        <div class=\"max-w-7xl mx-auto grid grid-cols-1 lg:grid-cols-2 gap-16 items-center border-t border-white\/5 pt-20\">\n            <div class=\"reveal-section\">\n                <h6 class=\"text-brand-orange text-[10px] tracking-[0.5em] uppercase mb-6 font-bold\">K\u00fclt\u00fcrel Bellek<\/h6>\n                <h2 class=\"font-serif text-3xl md:text-5xl lg:text-6xl mb-8 italic leading-tight\">Yar\u0131m Asra Yakla\u015fan <br>Bir Gelenek.<\/h2>\n                <p class=\"text-paper-white\/60 leading-relaxed font-light text-base mb-10\">\n                    B\u00f6lgenin 19 y\u0131ll\u0131k tek kitap fuar\u0131 organizat\u00f6r\u00fc olarak, Ramazan aylar\u0131nda edebiyat\u0131 Tav\u015fanl\u0131'n\u0131n kalbine ta\u015f\u0131d\u0131k. On y\u0131llarca Bulgar Pazar\u0131'n\u0131n sembol noktalar\u0131ndan biri olan i\u015fletmemiz, bug\u00fcn yeni nesil bir vizyonla Bedesten'de y\u00fckseliyor.\n                <\/p>\n                <div class=\"border border-brand-orange\/10 p-3 max-w-[220px] grayscale hover:grayscale-0 transition-all cursor-pointer bg-accent-gray\/30 rounded-sm group\">\n                    <img decoding=\"async\" src=\"https:\/\/i.hizliresim.com\/81xh1lr.jpeg\" alt=\"Fuar Ar\u015fiv\" class=\"w-full h-auto\">\n                    <p class=\"text-[7px] tracking-widest uppercase opacity-40 mt-2 text-center font-bold italic\">Ar\u015fiv Haber Belgesi<\/p>\n                <\/div>\n            <\/div>\n            \n            <div class=\"reveal-section\">\n                <div class=\"aspect-video lg:aspect-square overflow-hidden border border-white\/5 grayscale opacity-50 hover:opacity-100 hover:grayscale-0 transition-all duration-1000\">\n                    <img decoding=\"async\" src=\"https:\/\/i.hizliresim.com\/a8o1tpp.jpeg\" alt=\"Ma\u011faza Perspektif\" class=\"w-full h-full object-cover\">\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Section 4: Collection -->\n    <section id=\"koleksiyon\" class=\"py-20 px-6 md:px-32 bg-noir\">\n        <div class=\"max-w-xl\">\n            <div class=\"mb-16 reveal-section\">\n                <h6 class=\"text-brand-orange text-[10px] tracking-[0.5em] uppercase mb-6 font-bold\">K\u00fcrasyon<\/h6>\n                <h2 class=\"font-serif text-4xl md:text-6xl italic leading-none text-outline\">Zengin Yelpaze.<\/h2>\n            <\/div>\n\n            <div class=\"reveal-section border-t border-brand-orange\/10\">\n                <div class=\"category-item flex justify-between items-center group cursor-default\">\n                    <h4 class=\"font-serif text-lg md:text-xl group-hover:text-brand-orange transition-all\">Geni\u015f K\u0131rtasiye Yelpazesi<\/h4>\n                    <span class=\"text-[8px] tracking-widest uppercase opacity-30 italic\">Tech & Art<\/span>\n                <\/div>\n                <div class=\"category-item flex justify-between items-center group cursor-default\">\n                    <h4 class=\"font-serif text-lg md:text-xl group-hover:text-brand-orange transition-all\">Geni\u015f \u00c7ocuk Kitapl\u0131\u011f\u0131<\/h4>\n                    <span class=\"text-[8px] tracking-widest uppercase opacity-30 italic\">Education<\/span>\n                <\/div>\n                <div class=\"category-item flex justify-between items-center group cursor-default\">\n                    <h4 class=\"font-serif text-lg md:text-xl group-hover:text-brand-orange transition-all\">Kuran ve Dini Yay\u0131nlar<\/h4>\n                    <span class=\"text-[8px] tracking-widest uppercase opacity-30 italic\">Heritage<\/span>\n                <\/div>\n                <div class=\"category-item flex justify-between items-center group cursor-default\">\n                    <h4 class=\"font-serif text-lg md:text-xl group-hover:text-brand-orange transition-all\">K\u00fclt\u00fcrel Yay\u0131nlar<\/h4>\n                    <span class=\"text-[8px] tracking-widest uppercase opacity-30 italic\">Culture<\/span>\n                <\/div>\n                <div class=\"category-item flex justify-between items-center group cursor-default\">\n                    <h4 class=\"font-serif text-lg md:text-xl group-hover:text-brand-orange transition-all\">Anime, Manga & Wattpad<\/h4>\n                    <span class=\"text-[8px] tracking-widest uppercase opacity-30 italic\">Modern<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Section 5: Yay\u0131nevi Slider -->\n    <section id=\"yayincilik\" class=\"py-20 px-6 md:px-12 lg:px-32 bg-noir border-y border-white\/5\">\n        <div class=\"max-w-7xl mx-auto\">\n            <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 lg:gap-20 items-start mb-16\">\n                \n                <div class=\"lg:col-span-4 reveal-section\">\n                    <h6 class=\"text-brand-orange text-[10px] tracking-[0.5em] uppercase mb-8 font-bold\">Yay\u0131nevimiz<\/h6>\n                    <h2 class=\"font-serif text-3xl md:text-4xl italic mb-6 leading-tight text-white uppercase tracking-tighter\">Kitap Kul\u00fcb\u00fc <br> Yay\u0131nlar\u0131.<\/h2>\n                    <p class=\"text-sm md:text-base text-paper-white\/60 leading-relaxed mb-10 italic\">\n                        \"K\u00fctahya ve Tav\u015fanl\u0131'dan \u00e7ok say\u0131da yazar\u0131n tercihi olan yay\u0131nevimiz, eserlerinizi K\u00fctahya merkezli haz\u0131rlay\u0131p \u0130stanbul bask\u0131 tesislerimizde hayat buldurur.\"\n                    <\/p>\n                    <a href=\"https:\/\/kitapkulubuyayinlari.org\" target=\"_blank\" class=\"inline-block py-3 px-10 border border-brand-orange text-brand-orange text-[9px] tracking-[0.4em] uppercase hover:bg-brand-orange hover:text-noir transition-all duration-500 font-bold rounded-sm\">\n                        YAYINEV\u0130 S\u0130TES\u0130 \u2197\n                    <\/a>\n                <\/div>\n                \n                <div class=\"lg:col-span-8 reveal-section\">\n                    <p class=\"text-[9px] tracking-[0.3em] uppercase opacity-40 mb-8 italic font-bold\">\u00d6ne \u00c7\u0131kan Yay\u0131nlar\u0131m\u0131z<\/p>\n                    <div class=\"book-slider\">\n                        <a href=\"https:\/\/kitapkulubuyayinlari.org\" target=\"_blank\" class=\"book-card group\">\n                            <div class=\"book-cover mb-4\">\n                                <img decoding=\"async\" src=\"https:\/\/irmakkitap.com\/wp-content\/uploads\/2026\/01\/Ekran-Resmi-2026-01-14-21.28.34.png\" alt=\"\u00c7anakkale\">\n                            <\/div>\n                            <h5 class=\"font-serif text-base leading-tight group-hover:text-brand-orange transition-all\">\u00c7anakkale Ruhunu Ar\u0131yorum<\/h5>\n                            <p class=\"text-[8px] uppercase tracking-widest opacity-40 mt-1 italic\">Kitap Kul\u00fcb\u00fc<\/p>\n                        <\/a>\n                        <a href=\"https:\/\/kitapkulubuyayinlari.org\" target=\"_blank\" class=\"book-card group\">\n                            <div class=\"book-cover mb-4\">\n                                <img decoding=\"async\" src=\"https:\/\/irmakkitap.com\/wp-content\/uploads\/2026\/01\/ozden-soze.jpg\" alt=\"\u00d6zden S\u00f6ze\">\n                            <\/div>\n                            <h5 class=\"font-serif text-base leading-tight group-hover:text-brand-orange transition-all\">\u00d6zden S\u00f6ze<\/h5>\n                            <p class=\"text-[8px] uppercase tracking-widest opacity-40 mt-1 italic\">Kitap Kul\u00fcb\u00fc<\/p>\n                        <\/a>\n                        <a href=\"https:\/\/kitapkulubuyayinlari.org\" target=\"_blank\" class=\"book-card group\">\n                            <div class=\"book-cover mb-4\">\n                                <img decoding=\"async\" src=\"https:\/\/irmakkitap.com\/wp-content\/uploads\/2026\/01\/Ekran-Resmi-2023-09-24-21.39.59.jpg\" alt=\"Hayat\">\n                            <\/div>\n                            <h5 class=\"font-serif text-base leading-tight group-hover:text-brand-orange transition-all\">Hayat\u0131n Penceresinden D\u00f6k\u00fclenler<\/h5>\n                            <p class=\"text-[8px] uppercase tracking-widest opacity-40 mt-1 italic\">Duygu Ar\u015fivi<\/p>\n                        <\/a>\n                        <a href=\"https:\/\/kitapkulubuyayinlari.org\" target=\"_blank\" class=\"book-card group\">\n                            <div class=\"book-cover mb-4\">\n                                <img decoding=\"async\" src=\"https:\/\/irmakkitap.com\/wp-content\/uploads\/2026\/01\/IKK-Kapak.jpg\" alt=\"IKK\">\n                            <\/div>\n                            <h5 class=\"font-serif text-base leading-tight group-hover:text-brand-orange transition-all\">\u0130stihbarata Kar\u015f\u0131 Koyma<\/h5>\n                            <p class=\"text-[8px] uppercase tracking-widest opacity-40 mt-1 italic\">Ara\u015ft\u0131rma<\/p>\n                        <\/a>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Section 6: Atmosphere (Benzersiz G\u00f6rsel Kurgu) -->\n    <section id=\"space\" class=\"py-20 px-6 bg-noir overflow-hidden\">\n        <div class=\"text-center mb-16 reveal-section\">\n            <h2 class=\"font-serif text-5xl md:text-7xl italic text-outline text-brand-orange\/10 uppercase\">Atmosfer.<\/h2>\n        <\/div>\n        \n        <div class=\"max-w-7xl mx-auto reveal-section grid grid-cols-1 md:grid-cols-2 lg:grid-cols-12 gap-5\">\n            <!-- 1. Ma\u011faza \u0130\u00e7i Turuncu -->\n            <div class=\"lg:col-span-7 img-mask aspect-video md:aspect-auto h-[300px] md:h-[500px] group\">\n                <img decoding=\"async\" src=\"https:\/\/irmakkitap.com\/wp-content\/uploads\/2026\/01\/WhatsApp-Image-2026-01-09-at-15.50.49-1.jpeg\" alt=\"Ma\u011faza Turuncu\" class=\"w-full h-full object-cover grayscale group-hover:grayscale-0 transition-all duration-1000\">\n                <div class=\"absolute inset-0 bg-black\/30 group-hover:bg-transparent transition-all\"><\/div>\n            <\/div>\n            \n            <!-- 2. \u00c7ocuk Raf\u0131 -->\n            <div class=\"lg:col-span-5 img-mask aspect-[4\/5] group\">\n                <img decoding=\"async\" src=\"https:\/\/irmakkitap.com\/wp-content\/uploads\/2026\/01\/WhatsApp-Image-2026-01-09-at-17.02.37-1.jpeg\" alt=\"\u00c7ocuk Raf\u0131\" class=\"w-full h-full object-cover grayscale group-hover:grayscale-0 transition-all duration-1000\">\n                <div class=\"absolute inset-0 bg-black\/50 group-hover:bg-transparent transition-all flex items-end p-6\">\n                    <p class=\"text-[10px] tracking-[0.3em] uppercase text-white font-bold bg-noir\/40 px-4 py-2\">\u00c7ocuk Edebiyat\u0131 K\u00f6\u015fesi<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- 3. Yeni Geni\u015f A\u00e7\u0131 -->\n            <div class=\"lg:col-span-12 img-mask h-[300px] md:h-[400px] group\">\n                <img decoding=\"async\" src=\"https:\/\/irmakkitap.com\/wp-content\/uploads\/2026\/01\/WhatsApp-Image-2026-01-08-at-00.31.14.jpeg\" alt=\"Geni\u015f A\u00e7\u0131\" class=\"w-full h-full object-cover grayscale group-hover:grayscale-0 transition-all duration-1000\">\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Section 7: Contact -->\n    <footer id=\"contact\" class=\"min-h-screen bg-accent-gray flex items-center px-6 md:px-32 border-t border-white\/5 py-20 text-white\">\n        <div class=\"w-full\">\n            <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-16 lg:gap-24 items-end\">\n                <div>\n                    <h2 class=\"font-serif text-5xl md:text-7xl mb-12 italic text-brand-orange leading-tight uppercase\">Ba\u011flant\u0131da <br> Kal\u0131n.<\/h2>\n                    <div class=\"space-y-12\">\n                        <div class=\"group\">\n                            <p class=\"text-[10px] tracking-[0.5em] text-white\/40 mb-4 uppercase font-bold\">Lokasyon<\/p>\n                            <p class=\"text-lg md:text-2xl font-light hover:text-brand-orange transition-colors leading-relaxed\">\n                                Kavakl\u0131 Mahallesi <br>\n                                Kemal Zeytino\u011flu Caddesi No:104 <br>\n                                Tav\u015fanl\u0131, K\u00fctahya (Bedesten AVM Kar\u015f\u0131s\u0131)\n                            <\/p>\n                        <\/div>\n                        <div class=\"group\">\n                            <p class=\"text-[10px] tracking-[0.5em] text-white\/40 mb-4 uppercase font-bold\">Dijital Hat<\/p>\n                            <div class=\"flex flex-col gap-6\">\n                                <a href=\"https:\/\/instagram.com\/irmak.kirtasiye\" target=\"_blank\" class=\"text-xl md:text-2xl font-light hover:text-brand-orange transition-colors flex items-center gap-3\">\n                                    instagram.com\/irmak.kirtasiye <span class=\"text-sm\">\u2197<\/span>\n                                <\/a>\n                                <a href=\"https:\/\/kitapkulubuyayinlari.org\" target=\"_blank\" class=\"text-xl md:text-2xl font-light hover:text-brand-orange transition-colors flex items-center gap-3 italic\">\n                                    kitapkulubuyayinlari.org <span class=\"text-sm\">\u2197<\/span>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"flex flex-col items-end text-right\">\n                    <div class=\"mb-12 md:mb-20\">\n                        <p class=\"font-serif text-3xl md:text-4xl italic mb-4 leading-tight uppercase tracking-tighter\">NEY\u0130 ARIYORSAN <br> O'SUN SEN.<\/p>\n                        <p class=\"text-[8px] md:text-[9px] tracking-[0.4em] uppercase opacity-40 font-bold italic\">T\u00fcm kitapseverlere sevgi ve selam ile...<\/p>\n                    <\/div>\n                    <div class=\"mt-12 text-[7px] md:text-[8px] tracking-[1.5em] text-white\/20 uppercase font-bold\">\n                        \u00a9 2026 IRMAK | SINCE 1980\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/footer>\n\n    <script>\n        if (window.innerWidth > 768) {\n            document.addEventListener('mousemove', (e) => {\n                const parallaxImages = document.querySelectorAll('.parallax-img');\n                parallaxImages.forEach(img => {\n                    const speed = 15;\n                    const x = (window.innerWidth - e.pageX * speed) \/ 100;\n                    const y = (window.innerHeight - e.pageY * speed) \/ 100;\n                    img.style.transform = `translateX(${x}px) translateY(${y}px)`;\n                });\n            });\n        }\n\n        const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) entry.target.classList.add('active');\n            });\n        }, { threshold: 0.1 });\n\n        document.querySelectorAll('.reveal-section').forEach(section => observer.observe(section));\n\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n            anchor.addEventListener('click', function (e) {\n                e.preventDefault();\n                const target = document.querySelector(this.getAttribute('href'));\n                if (target) window.scrollTo({ top: target.offsetTop, behavior: 'smooth' });\n            });\n        });\n\n        window.addEventListener('scroll', () => {\n            const nav = document.querySelector('nav');\n            if (window.scrollY > 50) {\n                nav.style.background = 'rgba(5, 5, 5, 0.94)';\n                nav.style.backdropFilter = 'blur(20px)';\n                nav.style.padding = window.innerWidth > 768 ? '15px 40px' : '15px 20px';\n            } else {\n                nav.style.background = 'transparent';\n                nav.style.backdropFilter = 'none';\n                nav.style.padding = window.innerWidth > 768 ? '40px' : '20px';\n            }\n        });\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>IRMAK | Neyi Ar\u0131yorsan O&#8217;sun Sen IRMAK K\u00fclt\u00fcr\u00fcn Haf\u0131zas\u0131 Kurumsal Miras Se\u00e7kiler Yay\u0131nevi \u2630 NEY\u0130 ARIYORSAN O&#8217;SUN SEN. Tav\u015fanl\u0131&#8217;da 45 Y\u0131ll\u0131k Edebiyat Ser\u00fcveni Ali Osman Deniz KURUCU Kurumsal Varl\u0131k &#038; Ge\u00e7mi\u015f Kurumsal varl\u0131\u011f\u0131m\u0131z sekt\u00f6rde 45 y\u0131l\u0131 geride b\u0131rakm\u0131\u015ft\u0131r. \u00c7a\u011fr\u0131 Kitabevi ile ba\u015flayan bu k\u00f6kl\u00fc ser\u00fcven; Irmak Kitabevi ve Irmak Kitap K\u0131rtasiye ad\u0131yla tam 38 y\u0131l [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-51","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/irmakkitap.com\/index.php?rest_route=\/wp\/v2\/pages\/51","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/irmakkitap.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/irmakkitap.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/irmakkitap.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/irmakkitap.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=51"}],"version-history":[{"count":8,"href":"https:\/\/irmakkitap.com\/index.php?rest_route=\/wp\/v2\/pages\/51\/revisions"}],"predecessor-version":[{"id":75,"href":"https:\/\/irmakkitap.com\/index.php?rest_route=\/wp\/v2\/pages\/51\/revisions\/75"}],"wp:attachment":[{"href":"https:\/\/irmakkitap.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=51"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}