{"id":1389,"date":"2025-12-26T15:33:15","date_gmt":"2025-12-26T15:33:15","guid":{"rendered":"https:\/\/xenodochial-ardinghelli.162-0-225-12.plesk.page\/?page_id=1389"},"modified":"2025-12-26T15:33:16","modified_gmt":"2025-12-26T15:33:16","slug":"iletisim","status":"publish","type":"page","link":"https:\/\/purokosesi.com\/?page_id=1389","title":{"rendered":"\u0130leti\u015fim"},"content":{"rendered":"\n<style>\n    .puro-contact-container * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n    }\n\n    .puro-contact-container {\n        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n        background: #ffffff;\n        color: #333;\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 60px 20px;\n    }\n\n    .contact-hero {\n        text-align: center;\n        margin-bottom: 80px;\n        animation: fadeInDown 1s ease-out;\n    }\n\n    .contact-logo-container {\n        margin-bottom: 40px;\n        animation: float 3s ease-in-out infinite;\n    }\n\n    .contact-logo-container img {\n        max-width: 300px;\n        height: auto;\n        filter: drop-shadow(0 10px 30px rgba(255, 140, 0, 0.3));\n    }\n\n    .contact-main-title {\n        font-size: 3em;\n        color: #ff6600;\n        margin-bottom: 20px;\n        animation: fadeInUp 1s ease-out 0.3s both;\n    }\n\n    .contact-main-subtitle {\n        font-size: 1.3em;\n        color: #ff8c00;\n        margin-bottom: 30px;\n        animation: fadeInUp 1s ease-out 0.5s both;\n    }\n\n    .contact-intro {\n        background: linear-gradient(135deg, #fff5eb 0%, #ffffff 100%);\n        border-radius: 20px;\n        padding: 40px;\n        margin-bottom: 60px;\n        box-shadow: 0 10px 40px rgba(255, 140, 0, 0.1);\n        animation: slideInUp 0.8s ease-out;\n        border: 2px solid #ffe4cc;\n        text-align: center;\n    }\n\n    .contact-intro p {\n        font-size: 1.2em;\n        color: #555;\n        line-height: 1.8;\n    }\n\n    .contact-cards-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n        gap: 30px;\n        margin-bottom: 60px;\n    }\n\n    .contact-info-card {\n        background: white;\n        padding: 50px 40px;\n        border-radius: 20px;\n        text-align: center;\n        box-shadow: 0 10px 30px rgba(255, 140, 0, 0.15);\n        transition: all 0.4s ease;\n        border: 3px solid #ffe4cc;\n        animation: fadeInScale 0.8s ease-out;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .contact-info-card::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: -100%;\n        width: 100%;\n        height: 100%;\n        background: linear-gradient(90deg, transparent, rgba(255, 140, 0, 0.1), transparent);\n        transition: left 0.5s ease;\n    }\n\n    .contact-info-card:hover::before {\n        left: 100%;\n    }\n\n    .contact-info-card:nth-child(1) { animation-delay: 0.1s; }\n    .contact-info-card:nth-child(2) { animation-delay: 0.2s; }\n    .contact-info-card:nth-child(3) { animation-delay: 0.3s; }\n\n    .contact-info-card:hover {\n        transform: translateY(-15px) scale(1.03);\n        box-shadow: 0 20px 50px rgba(255, 140, 0, 0.3);\n        border-color: #ff8c00;\n    }\n\n    .contact-card-icon {\n        font-size: 4em;\n        margin-bottom: 25px;\n        animation: bounce 2s ease-in-out infinite;\n        display: inline-block;\n    }\n\n    .contact-info-card h3 {\n        color: #ff6600;\n        font-size: 1.8em;\n        margin-bottom: 20px;\n        font-weight: 600;\n    }\n\n    .contact-info-card a {\n        color: #ff8c00;\n        text-decoration: none;\n        font-size: 1.2em;\n        font-weight: 500;\n        transition: all 0.3s ease;\n        display: inline-block;\n        padding: 10px 0;\n    }\n\n    .contact-info-card a:hover {\n        color: #ff6600;\n        transform: scale(1.1);\n    }\n\n    .contact-info-card p {\n        color: #666;\n        font-size: 1.1em;\n        line-height: 1.6;\n    }\n\n    .whatsapp-cta {\n        background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);\n        border-radius: 25px;\n        padding: 70px 50px;\n        text-align: center;\n        box-shadow: 0 20px 60px rgba(37, 211, 102, 0.4);\n        animation: slideInUp 1s ease-out;\n        margin-bottom: 60px;\n    }\n\n    .whatsapp-cta h2 {\n        color: white;\n        font-size: 2.5em;\n        margin-bottom: 20px;\n        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n    }\n\n    .whatsapp-cta p {\n        color: white;\n        font-size: 1.2em;\n        margin-bottom: 35px;\n        opacity: 0.95;\n    }\n\n    .whatsapp-button {\n        display: inline-block;\n        background: white;\n        color: #25D366;\n        padding: 20px 50px;\n        border-radius: 50px;\n        font-size: 1.3em;\n        font-weight: 600;\n        text-decoration: none;\n        transition: all 0.3s ease;\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\n        animation: pulse 2s ease-in-out infinite;\n    }\n\n    .whatsapp-button:hover {\n        transform: scale(1.1) translateY(-5px);\n        box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);\n        background: #f0f0f0;\n    }\n\n    .whatsapp-button::before {\n        content: '\ud83d\udcac ';\n        font-size: 1.2em;\n    }\n\n    .contact-footer {\n        background: linear-gradient(135deg, #ff6600 0%, #ff8c00 100%);\n        border-radius: 20px;\n        padding: 50px 40px;\n        text-align: center;\n        box-shadow: 0 15px 50px rgba(255, 140, 0, 0.3);\n        animation: slideInUp 1.2s ease-out;\n    }\n\n    .contact-footer h3 {\n        color: white;\n        font-size: 2em;\n        margin-bottom: 20px;\n        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n    }\n\n    .contact-footer p {\n        color: white;\n        font-size: 1.1em;\n        line-height: 1.8;\n        opacity: 0.95;\n    }\n\n    @keyframes fadeInDown {\n        from {\n            opacity: 0;\n            transform: translateY(-50px);\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n\n    @keyframes fadeInUp {\n        from {\n            opacity: 0;\n            transform: translateY(30px);\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n\n    @keyframes slideInUp {\n        from {\n            opacity: 0;\n            transform: translateY(50px);\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n\n    @keyframes fadeInScale {\n        from {\n            opacity: 0;\n            transform: scale(0.8);\n        }\n        to {\n            opacity: 1;\n            transform: scale(1);\n        }\n    }\n\n    @keyframes float {\n        0%, 100% {\n            transform: translateY(0px);\n        }\n        50% {\n            transform: translateY(-20px);\n        }\n    }\n\n    @keyframes pulse {\n        0%, 100% {\n            transform: scale(1);\n        }\n        50% {\n            transform: scale(1.05);\n        }\n    }\n\n    @keyframes bounce {\n        0%, 100% {\n            transform: translateY(0);\n        }\n        50% {\n            transform: translateY(-10px);\n        }\n    }\n\n    @media (max-width: 768px) {\n        .contact-main-title {\n            font-size: 2em;\n        }\n        \n        .contact-main-subtitle {\n            font-size: 1.1em;\n        }\n        \n        .contact-logo-container img {\n            max-width: 200px;\n        }\n\n        .contact-intro {\n            padding: 30px 20px;\n        }\n\n        .contact-info-card {\n            padding: 40px 30px;\n        }\n\n        .whatsapp-cta {\n            padding: 50px 30px;\n        }\n\n        .whatsapp-cta h2 {\n            font-size: 1.8em;\n        }\n\n        .whatsapp-button {\n            padding: 18px 40px;\n            font-size: 1.1em;\n        }\n\n        .contact-footer {\n            padding: 40px 30px;\n        }\n    }\n<\/style>\n\n<div class=\"puro-contact-container\">\n    <div class=\"contact-hero\">\n        <div class=\"contact-logo-container\">\n            <img decoding=\"async\" src=\"https:\/\/xenodochial-ardinghelli.162-0-225-12.plesk.page\/wp-content\/uploads\/2025\/12\/puro_3d_transparent_1_9mb.webp\" alt=\"Puro Urla Logo\">\n        <\/div>\n        <h1 class=\"contact-main-title\">\u0130leti\u015fim<\/h1>\n        <p class=\"contact-main-subtitle\">Size Ula\u015fmak \u0130\u00e7in Burday\u0131z<\/p>\n    <\/div>\n\n    <div class=\"contact-intro\">\n        <p>\n            Puro Urla olarak, sorular\u0131n\u0131z\u0131 yan\u0131tlamak ve size en iyi hizmeti sunmak i\u00e7in her zaman haz\u0131r\u0131z. \n            Bizimle ileti\u015fime ge\u00e7mek i\u00e7in a\u015fa\u011f\u0131daki kanallardan bize ula\u015fabilirsiniz.\n        <\/p>\n    <\/div>\n\n    <div class=\"whatsapp-cta\">\n        <h2>H\u0131zl\u0131 \u0130leti\u015fim<\/h2>\n        <p>WhatsApp \u00fczerinden bize ula\u015f\u0131n, an\u0131nda yan\u0131t al\u0131n!<\/p>\n        <a href=\"https:\/\/wa.me\/905XXXXXXXXX\" class=\"whatsapp-button\" target=\"_blank\">WhatsApp ile Yaz\u0131n<\/a>\n    <\/div>\n\n    <div class=\"contact-cards-grid\">\n        <div class=\"contact-info-card\">\n            <div class=\"contact-card-icon\">\ud83d\udce7<\/div>\n            <h3>E-posta<\/h3>\n            <a href=\"mailto:purourla@gmail.com\">purourla@gmail.com<\/a>\n            <p style=\"margin-top: 15px;\">7\/24 mail yan\u0131t\u0131<\/p>\n        <\/div>\n        \n        <div class=\"contact-info-card\">\n            <div class=\"contact-card-icon\">\ud83d\udcf1<\/div>\n            <h3>Instagram<\/h3>\n            <a href=\"https:\/\/instagram.com\/puro_urla\" target=\"_blank\">@puro_urla<\/a>\n            <p style=\"margin-top: 15px;\">Bizi takip edin<\/p>\n        <\/div>\n\n        <div class=\"contact-info-card\">\n            <div class=\"contact-card-icon\">\ud83d\udcac<\/div>\n            <h3>WhatsApp<\/h3>\n            <a href=\"https:\/\/wa.me\/905XXXXXXXXX\" target=\"_blank\">WhatsApp Destek<\/a>\n            <p style=\"margin-top: 15px;\">An\u0131nda ileti\u015fim<\/p>\n        <\/div>\n    <\/div>\n\n    <div class=\"contact-footer\">\n        <h3>\ud83c\udf1f Urla&#8217;n\u0131n En \u0130yi Puro Deneyimi \ud83c\udf1f<\/h3>\n        <p>\n            Premium kalitede purolar ve m\u00fc\u015fteri odakl\u0131 hizmet anlay\u0131\u015f\u0131m\u0131zla sizlere en iyi deneyimi sunuyoruz. \n            Her t\u00fcrl\u00fc soru, \u00f6neri ve talepleriniz i\u00e7in bize ula\u015fmaktan \u00e7ekinmeyin!\n        <\/p>\n    <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u0130leti\u015fim Size Ula\u015fmak \u0130\u00e7in Burday\u0131z Puro Urla olarak, sorular\u0131n\u0131z\u0131 yan\u0131tlamak ve size en iyi hizmeti sunmak i\u00e7in her zaman haz\u0131r\u0131z.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1389","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/purokosesi.com\/index.php?rest_route=\/wp\/v2\/pages\/1389","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/purokosesi.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/purokosesi.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/purokosesi.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/purokosesi.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1389"}],"version-history":[{"count":1,"href":"https:\/\/purokosesi.com\/index.php?rest_route=\/wp\/v2\/pages\/1389\/revisions"}],"predecessor-version":[{"id":1390,"href":"https:\/\/purokosesi.com\/index.php?rest_route=\/wp\/v2\/pages\/1389\/revisions\/1390"}],"wp:attachment":[{"href":"https:\/\/purokosesi.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1389"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}