{"id":2100,"date":"2026-04-14T23:42:32","date_gmt":"2026-04-14T20:42:32","guid":{"rendered":"https:\/\/pandasticstudio.com\/?page_id=2100"},"modified":"2026-04-18T23:13:24","modified_gmt":"2026-04-18T20:13:24","slug":"mobile-application","status":"publish","type":"page","link":"https:\/\/pandasticstudio.com\/en\/our-services\/mobile-application\/","title":{"rendered":"Mobile Application"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2100\" class=\"elementor elementor-2100\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0106e56 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"0106e56\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1b1fa9f elementor-widget elementor-widget-html\" data-id=\"1b1fa9f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n    \/* --- STRICT BRAND COLORS --- *\/\r\n    :root {\r\n        --ps-black: #1E1E1C;    \/* Eerie Black *\/\r\n        --ps-yellow: #F6AE2D;   \/* Hunyadi Yellow *\/\r\n        --ps-red: #E0563B;      \/* Cinnabar *\/\r\n        --ps-platinum: #DADADA; \/* Platinum *\/\r\n        --text-white: #ffffff;\r\n        --main-font: 'FF Neuwelt', 'Inter', sans-serif;\r\n    }\r\n\r\n    \/* --- GLOBAL RESET & UTILS --- *\/\r\n    * { box-sizing: border-box; margin: 0; padding: 0; }\r\n    \r\n    html, body {\r\n        height: 100%;\r\n        overflow: hidden;\r\n    }\r\n\r\n    body {\r\n        font-family: var(--main-font);\r\n        background: var(--ps-black);\r\n        color: var(--text-white);\r\n    }\r\n\r\n    #ps-main-container {\r\n        height: 100vh;\r\n        width: 100%;\r\n        overflow-y: scroll;\r\n        overflow-x: hidden;\r\n        scroll-snap-type: y mandatory;\r\n        scroll-behavior: smooth;\r\n        position: relative;\r\n    }\r\n\r\n    \/* --- NOISE OVERLAY --- *\/\r\n    .ps-noise {\r\n        position: fixed; top: 0; left: 0; width: 100%; height: 100%;\r\n        background: url('data:image\/svg+xml;utf8,%3Csvg viewBox=\"0 0 200 200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"%3E%3Cfilter id=\"noiseFilter\"%3E%3CfeTurbulence type=\"fractalNoise\" baseFrequency=\"0.65\" numOctaves=\"3\" stitchTiles=\"stitch\"\/%3E%3C\/filter%3E%3Crect width=\"100%25\" height=\"100%25\" filter=\"url(%23noiseFilter)\" opacity=\"0.05\"\/%3E%3C\/svg%3E');\r\n        pointer-events: none; z-index: 999; opacity: 0.4;\r\n    }\r\n\r\n    \/* --- SECTION STRUCTURE --- *\/\r\n    .ps-section {\r\n        height: 100vh;\r\n        width: 100%;\r\n        scroll-snap-align: start;\r\n        position: relative;\r\n        overflow: hidden;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        border-bottom: 1px solid rgba(255,255,255,0.05);\r\n    }\r\n\r\n    \/* HERO *\/\r\n    .ps-app-hero {\r\n        background: var(--ps-black);\r\n        display: flex; align-items: center; justify-content: center;\r\n    }\r\n\r\n    .ps-hero-grid {\r\n        display: grid; grid-template-columns: 1fr 1fr; width: 90%; height: 80%;\r\n        align-items: center;\r\n    }\r\n\r\n    .ps-hero-text-area h1 {\r\n        font-size: clamp(4rem, 8vw, 9rem); \r\n        font-weight: 900; \r\n        line-height: 1.1;\r\n        text-transform: uppercase; \r\n        margin-bottom: 30px;\r\n        color: var(--text-white);\r\n    }\r\n    .ps-highlight { color: var(--ps-yellow); }\r\n    \r\n    .ps-hero-p {\r\n        font-size: 1.5rem; \r\n        line-height: 1.5; \r\n        color: var(--ps-platinum); \r\n        max-width: 600px;\r\n        opacity: 0.9;\r\n    }\r\n\r\n    .ps-app-badge-row {\r\n        display: flex; gap: 20px; margin-top: 40px;\r\n    }\r\n    .ps-app-badge {\r\n        padding: 15px 30px; border: 1px solid var(--ps-platinum);\r\n        color: var(--ps-platinum);\r\n        border-radius: 50px; font-size: 1rem; font-weight: 700;\r\n        text-transform: uppercase; transition: all 0.3s; cursor: pointer;\r\n        display: flex; align-items: center; gap: 10px;\r\n    }\r\n    .ps-app-badge:hover { background: var(--ps-platinum); color: var(--ps-black); border-color: var(--ps-platinum); }\r\n\r\n    .ps-phone-mockup {\r\n        position: relative; width: 380px; height: 750px; margin: 0 auto;\r\n        border: 12px solid var(--ps-black); border-radius: 50px; overflow: hidden;\r\n        background: #000; box-shadow: 0 0 60px rgba(246, 174, 45, 0.1);\r\n        transform: rotate(-5deg); transition: transform 0.5s;\r\n        outline: 2px solid rgba(255,255,255,0.1);\r\n    }\r\n    .ps-phone-mockup:hover { transform: rotate(0deg) scale(1.02); }\r\n\r\n    .ps-screen-content {\r\n        width: 100%; height: 100%;\r\n        background-image: url('http:\/\/pandasticstudio.com\/wp-content\/uploads\/2025\/11\/sds.png');\r\n        background-size: cover; background-position: center;\r\n        animation: screen-scroll 15s linear infinite alternate;\r\n    }\r\n    @keyframes screen-scroll {\r\n        0% { background-position: center top; }\r\n        100% { background-position: center bottom; }\r\n    }\r\n\r\n    \/* PLATFORMS *\/\r\n    .ps-platform-sec {\r\n        flex-direction: row;\r\n    }\r\n    .ps-plat-col {\r\n        flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center;\r\n        position: relative; transition: flex 0.5s; overflow: hidden; cursor: pointer;\r\n    }\r\n    .ps-plat-col:hover { flex: 1.5; }\r\n    \r\n    .ps-ios { background: var(--ps-platinum); color: var(--ps-black); }\r\n    .ps-android { background: var(--ps-black); color: var(--text-white); border-left: 1px solid rgba(255,255,255,0.1); }\r\n\r\n    .ps-plat-title {\r\n        font-size: 5rem; font-weight: 900; text-transform: uppercase; z-index: 2; line-height: 1.2;\r\n    }\r\n    .ps-plat-desc {\r\n        font-size: 1.2rem; margin-top: 20px; max-width: 350px; text-align: center; z-index: 2;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    \/* FEATURES *\/\r\n    .ps-feat-sec {\r\n        background: var(--ps-platinum); color: var(--ps-black);\r\n        flex-direction: row; padding: 0;\r\n        overflow-x: hidden;\r\n    }\r\n    \r\n    .ps-feat-col {\r\n        flex: 1; height: 100%;\r\n        border-right: 1px solid rgba(0,0,0,0.1);\r\n        display: flex; flex-direction: column; justify-content: center;\r\n        padding: 40px; position: relative; transition: all 0.3s;\r\n        background: var(--ps-platinum);\r\n        overflow: hidden;\r\n    }\r\n    .ps-feat-col:last-child { border-right: none; }\r\n    \r\n    .ps-feat-col:hover { \r\n        flex: 1.3; \r\n        background: #fff; \r\n        box-shadow: 0 0 30px rgba(0,0,0,0.1);\r\n        z-index: 2;\r\n    }\r\n\r\n    .ps-card-num { \r\n        font-size: 5rem; font-weight: 900; color: var(--ps-red); \r\n        opacity: 0.2; position: absolute; top: 20px; left: 20px;\r\n        transition: opacity 0.3s;\r\n        z-index: 0;\r\n    }\r\n    .ps-feat-col:hover .ps-card-num { opacity: 1; }\r\n\r\n    .ps-card-head { \r\n        font-size: 2.5rem; font-weight: 900; text-transform: uppercase; \r\n        line-height: 1; margin-bottom: 20px; margin-top: 40px;\r\n        position: relative; z-index: 2;\r\n    }\r\n    .ps-card-body { \r\n        font-size: 1.1rem; color: var(--ps-black); line-height: 1.5; \r\n        opacity: 0.8;\r\n        position: relative; z-index: 2;\r\n    }\r\n    \r\n    .ps-feat-label {\r\n        position: absolute; left: 0; bottom: 0; width: 100%;\r\n        text-align: center; padding: 20px; font-weight: 700; \r\n        text-transform: uppercase; letter-spacing: 2px; opacity: 0.4;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* HYBRID TECH STACK *\/\r\n    .ps-stack-sec {\r\n        background: var(--ps-black);\r\n    }\r\n    .ps-stack-grid {\r\n        display: grid; grid-template-columns: repeat(2, 1fr); width: 100%; height: 100%;\r\n    }\r\n    .ps-stack-item {\r\n        border: 1px solid rgba(255,255,255,0.1); display: flex; flex-direction: column;\r\n        justify-content: center; align-items: center; position: relative;\r\n    }\r\n    .ps-stack-item:hover { background: rgba(255,255,255,0.02); }\r\n\r\n    .ps-stack-logo { font-size: 5rem; margin-bottom: 30px; color: var(--text-white); }\r\n    .ps-stack-name { font-size: 2.5rem; font-weight: 900; text-transform: uppercase; line-height: 1.2; text-align: center; }\r\n    .ps-stack-tag { \r\n        position: absolute; bottom: 40px; font-size: 0.9rem; \r\n        border: 1px solid var(--ps-yellow); color: var(--ps-yellow); padding: 8px 20px; \r\n        text-transform: uppercase; letter-spacing: 1px;\r\n    }\r\n\r\n    \/* CTA *\/\r\n    .ps-cta-sec {\r\n        background-color: var(--ps-red);\r\n        color: var(--text-white); text-align: center;\r\n    }\r\n    .ps-cta-title {\r\n        font-size: clamp(4rem, 10vw, 8rem); \r\n        font-weight: 900; \r\n        line-height: 1.1;\r\n        text-transform: uppercase; \r\n        margin-bottom: 50px;\r\n    }\r\n    \r\n    .ps-store-btn-group {\r\n        display: flex; gap: 30px; justify-content: center;\r\n    }\r\n    .ps-store-btn {\r\n        background: var(--ps-black); color: var(--text-white); padding: 20px 50px;\r\n        display: flex; align-items: center; gap: 15px; text-decoration: none;\r\n        transition: transform 0.3s, background 0.3s; \r\n        border: 2px solid var(--ps-black);\r\n    }\r\n    .ps-store-btn:hover { \r\n        transform: translateY(-10px); \r\n        background: var(--text-white); \r\n        color: var(--ps-black); \r\n        border-color: var(--text-white); \r\n    }\r\n    .ps-btn-text { text-align: left; display: flex; flex-direction: column; }\r\n    .ps-btn-large { font-size: 1.5rem; font-weight: 700; line-height: 1.2; display: block; }\r\n\r\n\r\n    \/* RESPONSIVE *\/\r\n\r\n    \/* 3. TABLET PORTRAIT (Vertical) & MOBILE LANDSCAPE *\/\r\n    @media (max-width: 1024px) {\r\n        #ps-main-container {\r\n            scroll-snap-type: none;\r\n            height: auto;\r\n            overflow-y: auto;\r\n        }\r\n        html, body { height: auto; overflow: auto; }\r\n\r\n        .ps-section {\r\n            height: auto;\r\n            min-height: 100vh;\r\n            overflow: visible;\r\n            padding-top: 60px;\r\n            padding-bottom: 60px;\r\n            display: flex; flex-direction: column;\r\n        }\r\n\r\n        .ps-app-hero {\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            align-items: center;\r\n            text-align: center;\r\n            height: 100vh !important;\r\n        }\r\n        .ps-hero-grid {\r\n            grid-template-columns: 1fr;\r\n            width: 100%;\r\n            height: auto;\r\n            justify-items: center;\r\n        }\r\n        .ps-hero-text-area {\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n        .ps-phone-mockup { display: none; }\r\n        .ps-app-badge-row { justify-content: center; margin-top: 30px; }\r\n        .ps-hero-p { margin: 0 auto; text-align: center; border-left: none; border-top: 4px solid var(--ps-red); padding-top: 20px; padding-left: 0; }\r\n\r\n        .ps-platform-sec {\r\n            flex-direction: column;\r\n            height: auto;\r\n        }\r\n        .ps-plat-col {\r\n            width: 100%;\r\n            min-height: 50vh;\r\n            border-left: none;\r\n            border-bottom: 1px solid rgba(255,255,255,0.1);\r\n            padding: 40px 20px;\r\n        }\r\n\r\n        .ps-feat-sec {\r\n            flex-direction: column;\r\n            height: auto;\r\n        }\r\n        .ps-feat-col {\r\n            width: 100%;\r\n            height: auto;\r\n            min-height: 300px;\r\n            border-right: none;\r\n            border-bottom: 1px solid rgba(0,0,0,0.1);\r\n            padding: 40px;\r\n        }\r\n        .ps-card-num { z-index: 0; }\r\n        .ps-card-head, .ps-card-body { position: relative; z-index: 2; }\r\n\r\n        .ps-stack-sec {\r\n            height: auto;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n        }\r\n        .ps-stack-grid {\r\n            grid-template-columns: 1fr;\r\n            height: auto;\r\n        }\r\n        .ps-stack-item {\r\n            padding: 60px 20px;\r\n            min-height: 300px;\r\n            border-bottom: 1px solid rgba(255,255,255,0.1);\r\n            border-right: none;\r\n        }\r\n        \r\n        .ps-stack-tag {\r\n            position: relative;\r\n            bottom: auto;\r\n            margin-top: 25px; \r\n        }\r\n        \r\n        .ps-store-btn-group { flex-direction: column; align-items: center; }\r\n    }\r\n\r\n    \/* 4. MOBILE PORTRAIT *\/\r\n    @media (max-width: 600px) {\r\n        #ps-main-container { scroll-snap-type: none; height: auto; overflow-y: auto; }\r\n        html, body { height: auto; overflow: auto; }\r\n\r\n        \r\n        .ps-section { height: auto; min-height: 100vh; padding: 60px 20px; }\r\n        \r\n        \r\n        .ps-hero-grid { \r\n            width: 100%;\r\n            margin: 0; \r\n        }\r\n        .ps-hero-text-area { \r\n            width: 100%; \r\n            padding: 0 10px;\r\n            box-sizing: border-box;\r\n        }\r\n        .ps-hero-text-area h1 { font-size: 2.5rem; }\r\n        \r\n        .ps-app-badge-row { flex-direction: column; gap: 10px; }\r\n        .ps-app-badge { justify-content: center; width: 100%; }\r\n\r\n        .ps-plat-title { font-size: 3rem; }\r\n        \r\n        .ps-feat-col { padding: 30px 20px; min-height: auto; }\r\n        .ps-card-num { \r\n            position: relative;\r\n            top: auto; \r\n            left: auto; \r\n            font-size: 3rem; \r\n            margin-bottom: 10px; \r\n            display: block;\r\n        }\r\n        .ps-card-head { \r\n            font-size: 2rem; \r\n            margin-top: 0;\r\n        }\r\n        \r\n        .ps-feat-label {\r\n            position: relative !important;\r\n            bottom: auto !important;\r\n            left: auto !important;\r\n            margin-top: 30px !important;\r\n            width: 100%;\r\n            display: block;\r\n        }\r\n\r\n        .ps-stack-name { font-size: 2rem; }\r\n        .ps-stack-logo { font-size: 4rem; }\r\n\r\n        .ps-stack-tag {\r\n            position: relative; \r\n            bottom: auto;\r\n            margin-top: 15px; \r\n        }\r\n        \r\n        .ps-cta-title { font-size: 2.8rem; }\r\n    }\r\n\r\n<\/style>\r\n\r\n<div id=\"ps-noise\" class=\"ps-noise\"><\/div>\r\n\r\n<div id=\"ps-main-container\">\r\n\r\n    \r\n    <section class=\"ps-section ps-app-hero\">\r\n        <div class=\"ps-hero-grid\">\r\n            <div class=\"ps-hero-text-area\">\r\n                <h1>Mobile<br><span class=\"ps-highlight\">Revolution<\/span><br>In Your Pocket.<\/h1>\r\n                <p class=\"ps-hero-p\">Your website isn\u2019t enough. Be right at your users\u2019 fingertips, within notification range.<\/p>\r\n                \r\n                <div class=\"ps-app-badge-row\">\r\n                    <div class=\"ps-app-badge\">UX Research<\/div>\r\n                    <div class=\"ps-app-badge\">UI Des\u0131gn<\/div>\r\n                    <div class=\"ps-app-badge\">Development<\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            \r\n            <div class=\"ps-phone-mockup\">\r\n                <div class=\"ps-screen-content\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    \r\n    <section class=\"ps-section ps-platform-sec\">\r\n        <div class=\"ps-plat-col ps-ios\">\r\n            <div class=\"ps-plat-title\">IOS<\/div>\r\n            <div class=\"ps-plat-desc\">A seamless Apple ecosystem experience with Swift and Objective-C.<\/div>\r\n        <\/div>\r\n        <div class=\"ps-plat-col ps-android\">\r\n            <div class=\"ps-plat-title\">Andro\u0131d<\/div>\r\n            <div class=\"ps-plat-desc\">A scalable architecture reaching billions of devices using Kotlin and Java.<\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    \r\n    <section class=\"ps-section ps-feat-sec\">\r\n        \r\n        \r\n        <div class=\"ps-feat-col\">\r\n            <div class=\"ps-card-num\">01<\/div>\r\n            <div class=\"ps-card-head\">Instant <br> Notifications.<\/div>\r\n            <div class=\"ps-card-body\">The most effective way to re-engage users. Boost engagement with personalised notifications.<\/div>\r\n            <div class=\"ps-feat-label\">User Interaction<\/div>\r\n        <\/div>\r\n\r\n        \r\n        <div class=\"ps-feat-col\">\r\n            <div class=\"ps-card-num\">02<\/div>\r\n            <div class=\"ps-card-head\">In-App <br>Purchases<\/div>\r\n            <div class=\"ps-card-body\">Turn your app into a revenue stream with subscription models and one-off purchases.<\/div>\r\n            <div class=\"ps-feat-label\">Income<\/div>\r\n        <\/div>\r\n\r\n        \r\n        <div class=\"ps-feat-col\">\r\n            <div class=\"ps-card-num\">03<\/div>\r\n            <div class=\"ps-card-head\">Offline<br>Mode<\/div>\r\n            <div class=\"ps-card-body\">An intelligent architecture that works even without an internet connection and stores data in a local cache.<\/div>\r\n            <div class=\"ps-feat-label\">Determination<\/div>\r\n        <\/div>\r\n\r\n        \r\n        <div class=\"ps-feat-col\">\r\n            <div class=\"ps-card-num\">04<\/div>\r\n            <div class=\"ps-card-head\">Location<br>Services<\/div>\r\n            <div class=\"ps-card-body\">Location-based services, map integrations and real-time tracking systems.<\/div>\r\n            <div class=\"ps-feat-label\">Tracking<\/div>\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n    \r\n    <section class=\"ps-section ps-stack-sec\">\r\n        <div style=\"text-align:center; padding:20px; font-size:1.5rem; text-transform:uppercase; letter-spacing:2px; color:var(--ps-platinum); opacity:0.6;\">The Power of Multi-Platform<\/div>\r\n        <div class=\"ps-stack-grid\">\r\n            <div class=\"ps-stack-item\">\r\n                <div class=\"ps-stack-logo\">\u269b\ufe0f<\/div>\r\n                <div class=\"ps-stack-name\">React Nat\u0131ve<\/div>\r\n                <div class=\"ps-stack-tag\">Meta Ecosystem<\/div>\r\n            <\/div>\r\n            <div class=\"ps-stack-item\">\r\n                <div class=\"ps-stack-logo\">\ud83d\udc99<\/div>\r\n                <div class=\"ps-stack-name\">Flutter<\/div>\r\n                <div class=\"ps-stack-tag\">Google Power<\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    \r\n    <section class=\"ps-section ps-cta-sec\">\r\n        <h2 class=\"ps-cta-title\">Let\u2019s code <br>your idea.<\/h2>\r\n        \r\n        <div class=\"ps-store-btn-group\">\r\n            <a href=\"https:\/\/pandasticstudio.com\/en\/contact\/\" class=\"ps-store-btn\">\r\n                <span class=\"ps-btn-text\">\r\n                    <span class=\"ps-btn-large\">Contact Us<\/span>\r\n                <\/span>\r\n            <\/a>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f0f8642 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"f0f8642\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bf2a522 elementor-widget elementor-widget-wpr-elementor-template\" data-id=\"bf2a522\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wpr-elementor-template.default\">\n\t\t\t\t\t<style>.elementor-1928 .elementor-element.elementor-element-7c6490ba{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1928 .elementor-element.elementor-element-210f5e1d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}<\/style>\t\t<div data-elementor-type=\"container\" data-elementor-id=\"1928\" class=\"elementor elementor-1928\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7c6490ba e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"7c6490ba\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-210f5e1d elementor-widget elementor-widget-html\" data-id=\"210f5e1d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n    \/* --- FOOTER STYLES --- *\/\r\n    .ps-footer-section {\r\n        height: 100vh; \r\n        width: 100%;\r\n        scroll-snap-align: start;\r\n        background-color: var(--bg-dark);\r\n        color: var(--bg-light);\r\n        font-family: var(--main-font);\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: space-between;\r\n        position: relative;\r\n        border-top: 1px solid rgba(255,255,255,0.1);\r\n        overflow: hidden; \r\n        flex-shrink: 0;\r\n    }\r\n\r\n    \/* Mobil Scroll *\/\r\n    @media (max-height: 800px) {\r\n        .ps-footer-section {\r\n            height: auto;\r\n            min-height: 100vh;\r\n            padding-bottom: 50px;\r\n        }\r\n    }\r\n\r\n    \/* 1. KAYAN YAZI & RENK AN\u0130MASYONU *\/\r\n    .ps-footer-marquee {\r\n        width: 100%;\r\n        padding: 30px 0;\r\n        border-bottom: 1px solid rgba(255,255,255,0.1);\r\n        overflow: hidden;\r\n        white-space: nowrap;\r\n        background: var(--bg-dark);\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .ps-marquee-content {\r\n        display: inline-block;\r\n        font-family: var(--main-font);\r\n        font-weight: 900;\r\n        font-size: clamp(3rem, 5vw, 6rem);\r\n        text-transform: uppercase;\r\n        animation: \r\n            scrollText 20s linear infinite,\r\n            colorCycle 1.5s infinite; \r\n    }\r\n\r\n    \/* Sa\u011fa Sola Kayma Efekti *\/\r\n    @keyframes scrollText {\r\n        from { transform: translateX(0); }\r\n        to { transform: translateX(-50%); }\r\n    }\r\n\r\n    \/* 3 A\u015famal\u0131 HIZLI Renk De\u011fi\u015fimi *\/\r\n    @keyframes colorCycle {\r\n        0%, 30% { \r\n            color: var(--primary-cinnabar); \r\n            -webkit-text-stroke: 0 var(--primary-cinnabar); \r\n        }\r\n        33%, 63% { \r\n            color: var(--accent-yellow); \r\n            -webkit-text-stroke: 0 var(--accent-yellow); \r\n        }\r\n        66%, 100% { \r\n            color: var(--bg-light); \r\n            -webkit-text-stroke: 0 var(--bg-light); \r\n        }\r\n    }\r\n\r\n    \/* 2. FOOTER \u0130\u00c7ER\u0130K GRID *\/\r\n    .ps-footer-grid {\r\n        display: grid;\r\n        grid-template-columns: 1.5fr 1fr 1fr 1fr;\r\n        gap: 40px;\r\n        padding: 40px clamp(40px, 8vw, 80px);\r\n        flex-grow: 1;\r\n        align-items: start;\r\n    }\r\n\r\n    .ps-footer-col h4 a{font-size: 1.2rem;color: var(--accent-yellow);margin-bottom: 20px;text-transform: uppercase;font-weight: 900;}\r\n    .ps-footer-col h4 a:hover {color:var(--primary-cinnabar)}\r\n\r\n    .ps-footer-col ul { list-style: none; padding: 0; margin: 0; }\r\n    .ps-footer-col ul li { margin-bottom: 10px; }\r\n\r\n    .ps-footer-col ul li a {\r\n        color: var(--bg-light); text-decoration: none; font-size: 1rem;\r\n        font-weight: 400; transition: color 0.3s, padding-left 0.3s; display: inline-block;\r\n    }\r\n\r\n    .ps-footer-col ul li a:hover { color: var(--primary-cinnabar); padding-left: 5px; }\r\n\r\n    .ps-address p { font-size: 1rem; line-height: 1.6; color: #888; margin-bottom: 20px; }\r\n    \r\n    \/* Adres Link Stilleri *\/\r\n    .ps-address a.ps-map-link, .ps-address a.ps-tel-link {\r\n        color: var(--bg-light); \r\n        text-decoration: none; \r\n        border-bottom: 1px solid transparent;\r\n        transition: all 0.3s;\r\n        display: inline-block;\r\n    }\r\n    .ps-address a.ps-map-link:hover, .ps-address a.ps-tel-link:hover {\r\n        color: var(--accent-yellow);\r\n    }\r\n\r\n    .ps-footer-brand h3 {\r\n        font-size: clamp(2rem, 3vw, 3rem); font-weight: 900; line-height: 1.1;\r\n        color: var(--text-color); margin-bottom: 20px;\r\n    }\r\n    .ps-footer-brand p { color: #888; max-width: 300px; margin-bottom: 20px; }\r\n\r\n    \/* Sosyal Medya \u0130konlar\u0131 *\/\r\n    .ps-brand-socials {\r\n        display: flex; gap: 15px; margin-top: 25px;\r\n    }\r\n    .ps-brand-socials a {\r\n        color: var(--bg-light);\r\n        transition: transform 0.3s, color 0.3s;\r\n        display: flex; align-items: center; justify-content: center;\r\n    }\r\n    .ps-brand-socials a:hover {\r\n        color: var(--primary-cinnabar);\r\n        transform: translateY(-3px);\r\n    }\r\n    .ps-brand-socials svg {\r\n        width: 24px; height: 24px; fill: currentColor;\r\n    }\r\n\r\n    \/* 3. COPYRIGHT BAR *\/\r\n    .ps-footer-bottom {\r\n        padding: 20px clamp(40px, 8vw, 80px);\r\n        border-top: 1px solid rgba(255,255,255,0.1);\r\n        display: flex; justify-content: space-between; align-items: center;\r\n        font-size: 0.9rem; color: #666;\r\n        flex-shrink: 0;\r\n        background: var(--bg-dark);\r\n    }\r\n\r\n    \/* RESPONSIVE *\/\r\n    @media (max-width: 1024px) {\r\n        .ps-footer-grid { grid-template-columns: 1fr 1fr; padding: 30px; }\r\n        .ps-footer-section { height: auto; min-height: 100vh; } \r\n    }\r\n    @media (max-width: 768px) {\r\n        .ps-footer-grid { grid-template-columns: 1fr; gap: 30px; }\r\n        .ps-footer-bottom { flex-direction: column; gap: 15px; text-align: center; }\r\n        .ps-marquee-content { font-size: 3rem; }\r\n        .ps-brand-socials { justify-content: flex-start; }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"ps-footer-section\" id=\"ps-footer\">\r\n    \r\n    \r\n    <div class=\"ps-footer-marquee\">\r\n        <div class=\"ps-marquee-content\">\r\n            GET READY FOR A PANDASTIC WORLD \u2014 LET'S CREATE TOGETHER \u2014 PANDASTIC STUDIO \u2014 \r\n            GET READY FOR A PANDASTIC WORLD \u2014 LET'S CREATE TOGETHER \u2014 PANDASTIC STUDIO \u2014\r\n        <\/div>\r\n    <\/div>\r\n\r\n    \r\n    <div class=\"ps-footer-grid\">\r\n        \r\n        <div class=\"ps-footer-col ps-footer-brand\">\r\n            <h3>LET\u2019S PUSH THE BOUNDARIES OF THE DIGITAL WORLD TOGETHER.<\/h3>\r\n            <p>We\u2019re rewriting your brand\u2019s story through technology and creativity.<\/p>\r\n            \r\n            <a href=\"https:\/\/pandasticstudio.com\/en\/iletisim\/\" style=\"display: inline-block; background: var(--primary-cinnabar); color: #fff; padding: 15px 30px; text-decoration: none; font-weight: bold; text-transform: uppercase;\">\r\n                Contact Us \u2794\r\n            <\/a>\r\n\r\n            \r\n            <div class=\"ps-brand-socials\">\r\n                \r\n                <a href=\"https:\/\/www.linkedin.com\/company\/pandasticstudio\/posts\/?feedView=all\" target=\"_blank\" aria-label=\"LinkedIn\" rel=\"noopener\">\r\n                    <svg viewbox=\"0 0 24 24\"><path d=\"M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z\"\/><\/svg>\r\n                <\/a>\r\n                \r\n                <a href=\"https:\/\/www.instagram.com\/pandasticstudio\/\" target=\"_blank\" aria-label=\"Instagram\" rel=\"noopener\">\r\n                    <svg viewbox=\"0 0 24 24\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z\"\/><\/svg>\r\n                <\/a>\r\n                \r\n                <a href=\"https:\/\/www.tiktok.com\/@pandasticsocial\" target=\"_blank\" aria-label=\"TikTok\" rel=\"noopener\">\r\n                    <svg viewbox=\"0 0 24 24\"><path d=\"M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-5.2 1.74 2.89 2.89 0 0 1 2.31-4.64 2.93 2.93 0 0 1 .88.13V9.4a6.84 6.84 0 0 0-1-.05A6.33 6.33 0 0 0 5 20.1a6.34 6.34 0 0 0 10.86-4.43v-7a8.16 8.16 0 0 0 4.77 1.52v-3.4a4.85 4.85 0 0 1-1-.1z\"\/><\/svg>\r\n                <\/a>\r\n                \r\n                <a href=\"https:\/\/www.facebook.com\/pandasticstudio\" target=\"_blank\" aria-label=\"Facebook\" rel=\"noopener\">\r\n                    <svg viewbox=\"0 0 24 24\"><path d=\"M9 8h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333 1.115-1.333h2.885v-5h-3.808c-3.596 0-5.192 1.583-5.192 4.615v3.385z\"\/><\/svg>\r\n                <\/a>\r\n                \r\n                <a href=\"https:\/\/x.com\/pandasticstudio\" target=\"_blank\" aria-label=\"X\">\r\n                    <svg viewbox=\"0 0 24 24\"><path d=\"M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z\"\/><\/svg>\r\n                <\/a>\r\n                \r\n                <a href=\"https:\/\/www.youtube.com\/@pandasticstudio\" target=\"_blank\" aria-label=\"Youtube\" rel=\"noopener\">\r\n                    <svg viewbox=\"0 0 24 24\"><path d=\"M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z\"\/><\/svg>\r\n                <\/a>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"ps-footer-col\">\r\n            <h4><a href=\"https:\/\/pandasticstudio.com\/en\/our-services\/\">Services<\/a><\/h4>\r\n            <ul>\r\n                <li><a href=\"https:\/\/pandasticstudio.com\/en\/our-services\/360-marketing\/digital-marketing\/\">Digital Marketing<\/a><\/li>\r\n                <li><a href=\"https:\/\/pandasticstudio.com\/en\/our-services\/360-marketing\/social-media-management\/\">Social Media Management<\/a><\/li>\r\n                <li><a href=\"https:\/\/pandasticstudio.com\/en\/our-services\/360-marketing\/seo-service\/\">SEO Service<\/a><\/li>\r\n                <li><a href=\"https:\/\/pandasticstudio.com\/en\/our-services\/production\/\">Production<\/a><\/li>\r\n                <li><a href=\"https:\/\/pandasticstudio.com\/en\/our-services\/web-design\/\">Web Design<\/a><\/li>\r\n                <li><a href=\"https:\/\/pandasticstudio.com\/en\/our-services\/e-commerce-management\/\">E-commerce Management<\/a><\/li>\r\n            <\/ul>\r\n        <\/div>\r\n\r\n        <div class=\"ps-footer-col\">\r\n            <h4><a href=\"https:\/\/pandasticstudio.com\/en\/corporate\/\">Corporate<\/a><\/h4>\r\n            <ul>\r\n                <li><a href=\"https:\/\/pandasticstudio.com\/en\/corporate\/about-us\/\">About Us<\/a><\/li>\r\n                <li><a href=\"https:\/\/pandasticstudio.com\/en\/references\/\">References<\/a><\/li>\r\n                <li><a href=\"https:\/\/pandasticstudio.com\/en\/pblog-en\/\">PBlog<\/a><\/li>\r\n                <li><a href=\"https:\/\/pandasticstudio.com\/en\/partners\/\">Partners<\/a><\/li>\r\n                <li><a href=\"https:\/\/pandasticstudio.com\/en\/contact\/\">Contact<\/a><\/li>\r\n            <\/ul>\r\n        <\/div>\r\n\r\n        <div class=\"ps-footer-col ps-address\">\r\n            <h4><a href=\"https:\/\/pandasticstudio.com\/en\/contact\/\">Offices<\/a><\/h4>\r\n            <p>\r\n                <strong style=\"color:#fff;\">\u0130STANBUL (Centre)<\/strong><br>\r\n                <a href=\"https:\/\/maps.app.goo.gl\/Sg3UyuVuft7GF5Gv5\" target=\"_blank\" class=\"ps-map-link\" rel=\"noopener\">\r\n                    Balmumcu, Morbasan Sk. Koza \u0130\u015f Merkezi No:12 B Blok Kat:5 D:11-13, 34349 Be\u015fikta\u015f \/ \u0130stanbul\r\n                <\/a><br>\r\n                <br>\r\n                <a href=\"tel:+905326992632\" class=\"ps-tel-link\">+90 532 699 26 32<\/a><br>\r\n                <a href=\"mailto:info@pandasticstudio.com\" class=\"ps-tel-link\">info@pandasticstudio.com<\/a>\r\n            <\/p>\r\n            <p>\r\n                <strong style=\"color:#fff;\">VIENNA<\/strong><br>\r\n                <a href=\"https:\/\/www.google.com\/maps\/search\/?api=1&amp;query=Linke+Wienzeile+64+1060+Wien+\u00d6sterreich\" target=\"_blank\" class=\"ps-map-link\" rel=\"noopener\">\r\n                    European Office GL3 Linke Wienzeile 64 1060 Wien, \u00d6sterreich\r\n                <\/a>\r\n            <\/p>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    \r\n    <div class=\"ps-footer-bottom\">\r\n        <div class=\"ps-copy\">\r\n            &copy; 2026 Pandastic Studio Media Ltd. All rights reserved. \r\n        <\/div>\r\n        \r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n    document.addEventListener('DOMContentLoaded', () => {\r\n        const footer = document.getElementById('ps-footer');\r\n        \r\n        const mainContainer = document.getElementById('ps-main-container');\r\n\r\n        if (footer && mainContainer) {\r\n            mainContainer.appendChild(footer);\r\n            \r\n            console.log(\"Pandastic Footer: Snap-Scroll ak\u0131\u015f\u0131na entegre edildi.\");\r\n        } else {\r\n            console.log(\"Pandastic Footer: Standart yerle\u015fimde.\");\r\n        }\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<span class=\"wpr-template-edit-btn\" data-permalink=\"https:\/\/pandasticstudio.com\/en\/?elementor_library=eng-footer-menu\">Edit Template<\/span>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>MobileRevolutionIn Your Pocket. Your website isn\u2019t enough. Be right at your users\u2019 fingertips, within notification range. UX Research UI Des\u0131gn Development IOS A seamless Apple ecosystem experience with Swift and Objective-C. Andro\u0131d A scalable architecture reaching billions of devices using Kotlin and Java. 01 Instant Notifications. The most effective way to re-engage users. Boost engagement with personalised notifications. User Interaction 02 In-App Purchases Turn your app into a revenue stream with subscription models and one-off purchases. Income 03 OfflineMode An intelligent architecture that works even without an internet connection and stores data in a local cache. Determination 04 LocationServices Location-based services, map integrations and real-time tracking systems. Tracking The Power of Multi-Platform \u269b\ufe0f React Nat\u0131ve Meta Ecosystem \ud83d\udc99 Flutter Google Power Let\u2019s code your idea. Contact Us GET READY FOR A PANDASTIC WORLD \u2014 LET&#8217;S CREATE TOGETHER \u2014 PANDASTIC STUDIO \u2014 GET READY FOR A PANDASTIC WORLD \u2014 LET&#8217;S CREATE TOGETHER \u2014 PANDASTIC STUDIO \u2014 LET\u2019S PUSH THE BOUNDARIES OF THE DIGITAL WORLD TOGETHER. We\u2019re rewriting your brand\u2019s story through technology and creativity. Contact Us \u2794 Services Digital Marketing Social Media Management SEO Service Production Web Design E-commerce Management Corporate About Us References PBlog Partners Contact Offices \u0130STANBUL (Centre) Balmumcu, Morbasan Sk. Koza \u0130\u015f Merkezi No:12 B Blok Kat:5 D:11-13, 34349 Be\u015fikta\u015f \/ \u0130stanbul +90 532 699 26 32 info@pandasticstudio.com VIENNA European Office GL3 Linke Wienzeile 64 1060 Wien, \u00d6sterreich &copy; 2026 Pandastic Studio Media Ltd. All rights reserved. Edit Template<\/p>","protected":false},"author":1,"featured_media":0,"parent":1940,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"googlesitekit_rrm_CAowqNq2DA:productID":"","footnotes":""},"class_list":["post-2100","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pandasticstudio.com\/en\/wp-json\/wp\/v2\/pages\/2100","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pandasticstudio.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pandasticstudio.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pandasticstudio.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pandasticstudio.com\/en\/wp-json\/wp\/v2\/comments?post=2100"}],"version-history":[{"count":7,"href":"https:\/\/pandasticstudio.com\/en\/wp-json\/wp\/v2\/pages\/2100\/revisions"}],"predecessor-version":[{"id":2408,"href":"https:\/\/pandasticstudio.com\/en\/wp-json\/wp\/v2\/pages\/2100\/revisions\/2408"}],"up":[{"embeddable":true,"href":"https:\/\/pandasticstudio.com\/en\/wp-json\/wp\/v2\/pages\/1940"}],"wp:attachment":[{"href":"https:\/\/pandasticstudio.com\/en\/wp-json\/wp\/v2\/media?parent=2100"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}<!-- This website is optimized by Airlift. Learn more: https://airlift.net. Template:. Learn more: https://airlift.net. Template: 69e38c8ed36f73be38ae3b56. Config Timestamp: 2026-04-18 13:52:13 UTC, Cached Timestamp: 2026-04-19 17:30:40 UTC -->