{"id":2781,"date":"2020-04-09T16:07:39","date_gmt":"2020-04-09T13:07:39","guid":{"rendered":"https:\/\/www.ercanatay.com\/web-portfolio\/"},"modified":"2025-08-05T09:20:24","modified_gmt":"2025-08-05T06:20:24","slug":"web-portfolio","status":"publish","type":"page","link":"https:\/\/www.ercanatay.com\/en\/web-portfolio\/","title":{"rendered":"Web Portfolio"},"content":{"rendered":"<div><div class=\"ea-portfolio-wrapper\">\r\n    <!-- Header Section -->\r\n    <section class=\"ea-portfolio-header\">\r\n        <div class=\"uk-container\">\r\n            <div class=\"ea-portfolio-header-content\">\r\n                <h1 class=\"ea-portfolio-title ea-fade-in\">\r\n                    <i class=\"fas fa-globe\"><\/i>\r\n                    Web Design Portfolio\r\n                <\/h1>\r\n                <p class=\"ea-portfolio-subtitle ea-fade-in\">\r\n                    Sample works of web design projects I provide services for.\r\n                <\/p>\r\n                <div class=\"ea-portfolio-stats ea-fade-in\">\r\n                    <span class=\"ea-portfolio-stat\">\r\n                        <i class=\"fas fa-images\"><\/i>\r\n                        105 Projects\r\n                    <\/span>\r\n                    <span class=\"ea-portfolio-stat\">\r\n                        <i class=\"fas fa-award\"><\/i>\r\n                        15+ Years Experience\r\n                    <\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Filter Section -->\r\n    <section class=\"ea-portfolio-filter\">\r\n        <div class=\"uk-container\">\r\n            <div class=\"ea-filter-buttons ea-fade-in\">\r\n                <button class=\"ea-filter-btn active\" data-filter=\"all\">\r\n                    <i class=\"fas fa-th\"><\/i>\r\n                    All\r\n                <\/button>\r\n                <button class=\"ea-filter-btn\" data-filter=\"wordpress\">\r\n                    <i class=\"fab fa-wordpress\"><\/i>\r\n                    WordPress\r\n                <\/button>\r\n                <button class=\"ea-filter-btn\" data-filter=\"joomla\">\r\n                    <i class=\"fab fa-joomla\"><\/i>\r\n                    Joomla\r\n                <\/button>\r\n                <button class=\"ea-filter-btn\" data-filter=\"e-ticaret\">\r\n                    <i class=\"fas fa-shopping-cart\"><\/i>\r\n                    E-commerce\r\n                <\/button>\r\n                <button class=\"ea-filter-btn\" data-filter=\"portal\">\r\n                    <i class=\"fas fa-globe\"><\/i>\r\n                    Portal\r\n                <\/button>\r\n                <button class=\"ea-filter-btn\" data-filter=\"genel\">\r\n                    <i class=\"fas fa-star\"><\/i>\r\n                    General\r\n                <\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Portfolio Grid -->\r\n    <section class=\"ea-portfolio-grid-section\">\r\n        <div class=\"uk-container uk-container-large\">\r\n            <div class=\"ea-portfolio-grid\" id=\"portfolioGrid\">\r\n                <!-- Portfolio items will be loaded here dynamically -->\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Enhanced Lightbox with Keyboard Navigation -->\r\n    <div id=\"lightbox\" class=\"ea-lightbox\">\r\n        <span class=\"ea-lightbox-close\">&times;<\/span>\r\n        <span class=\"ea-lightbox-prev\"><i class=\"fas fa-chevron-left\"><\/i><\/span>\r\n        <span class=\"ea-lightbox-next\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\r\n        <img class=\"ea-lightbox-content\" id=\"lightboxImage\">\r\n        <div class=\"ea-lightbox-caption\">\r\n            <h3 id=\"lightboxTitle\"><\/h3>\r\n            <p id=\"lightboxDescription\"><\/p>\r\n            <div class=\"ea-lightbox-meta\">\r\n                <span class=\"ea-lightbox-category\" id=\"lightboxCategory\"><\/span>\r\n                <span class=\"ea-lightbox-counter\" id=\"lightboxCounter\"><\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- UIkit JS -->\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/uikit@3.23.11\/dist\/js\/uikit.min.js\"><\/script>\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/uikit@3.23.11\/dist\/js\/uikit-icons.min.js\"><\/script>\r\n\r\n<script>\r\n\/\/ Enhanced Portfolio data with English descriptions\r\nconst portfolioImages = [\r\n    \/\/ ===== AFTER 2020 PROJECTS =====\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio2020\/2020-andromed_com_tr.png\",\r\n        \"filename\": \"2020-andromed_com_tr\",\r\n        \"category\": \"wordpress\",\r\n        \"description\": \"Andromed 2020 - WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio2020\/2020-ercanatay_com.png\",\r\n        \"filename\": \"2020-ercanatay_com\",\r\n        \"category\": \"wordpress\",\r\n        \"description\": \"Ercan Atay 2020 - WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio2020\/2020-gultenkartal_com.png\",\r\n        \"filename\": \"2020-gultenkartal_com\",\r\n        \"category\": \"wordpress\",\r\n        \"description\": \"G\u00fclten Kartal 2020 - WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio2020\/2020-idrarkacirma_net.png\",\r\n        \"filename\": \"2020-idrarkacirma_net\",\r\n        \"category\": \"wordpress\",\r\n        \"description\": \"Urinary Incontinence 2020 - WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio2020\/2020-mutlulukcubugu_com-1.png\",\r\n        \"filename\": \"2020-mutlulukcubugu_com-1\",\r\n        \"category\": \"wordpress\",\r\n        \"description\": \"Happiness Stick 2020 v1 - WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio2020\/2020-mutlulukcubugu_com-tr.png\",\r\n        \"filename\": \"2020-mutlulukcubugu_com-tr\",\r\n        \"category\": \"wordpress\",\r\n        \"description\": \"Happiness Stick 2020 TR - WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio2020\/2020-penileimplantsorg.png\",\r\n        \"filename\": \"2020-penileimplantsorg\",\r\n        \"category\": \"wordpress\",\r\n        \"description\": \"Penile Implants 2020 - WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio2020\/2020-site-portfolio-1.png\",\r\n        \"filename\": \"2020-site-portfolio-1\",\r\n        \"category\": \"genel\",\r\n        \"description\": \"Site Portfolio 2020 - 1\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio2020\/2020-site-portfolio-2.png\",\r\n        \"filename\": \"2020-site-portfolio-2\",\r\n        \"category\": \"genel\",\r\n        \"description\": \"Site Portfolio 2020 - 2\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio2020\/2020-site-portfolio-3.png\",\r\n        \"filename\": \"2020-site-portfolio-3\",\r\n        \"category\": \"genel\",\r\n        \"description\": \"Site Portfolio 2020 - 3\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio2020\/2020-site-portfolio-4.png\",\r\n        \"filename\": \"2020-site-portfolio-4\",\r\n        \"category\": \"genel\",\r\n        \"description\": \"Site Portfolio 2020 - 4\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio2020\/2020-site-portfolio-5.png\",\r\n        \"filename\": \"2020-site-portfolio-5\",\r\n        \"category\": \"genel\",\r\n        \"description\": \"Site Portfolio 2020 - 5\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio2020\/2020-site-portfolio-6.png\",\r\n        \"filename\": \"2020-site-portfolio-6\",\r\n        \"category\": \"genel\",\r\n        \"description\": \"Site Portfolio 2020 - 6\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio2020\/2020-testisprotezi_net.png\",\r\n        \"filename\": \"2020-testisprotezi_net\",\r\n        \"category\": \"wordpress\",\r\n        \"description\": \"Testis Prosthesis 2020 - WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio2020\/ilajvita-site-portfolio.png\",\r\n        \"filename\": \"ilajvita-site-portfolio\",\r\n        \"category\": \"wordpress\",\r\n        \"description\": \"Ilaj Vita - WordPress Website\"\r\n    },\r\n    \r\n    \/\/ ===== BEFORE 2020 PROJECTS =====\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/adsvertisem.png\",\r\n        \"filename\": \"adsvertisem\",\r\n        \"category\": \"wordpress\",\r\n        \"description\": \"Adsvertisem - WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/alexandrite_b.png\",\r\n        \"filename\": \"alexandrite\",\r\n        \"category\": \"wordpress\",\r\n        \"description\": \"Alexandrite - Healthcare WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/alexandritelazer_b.png\",\r\n        \"filename\": \"alexandritelazer\",\r\n        \"category\": \"wordpress\",\r\n        \"description\": \"Alexandrite Laser - Healthcare WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/andromed_b.png\",\r\n        \"filename\": \"andromed\",\r\n        \"category\": \"wordpress\",\r\n        \"description\": \"Andromed - Healthcare WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/ankaraalexandritelazer_b.png\",\r\n        \"filename\": \"ankaraalexandritelazer\",\r\n        \"category\": \"wordpress\",\r\n        \"description\": \"Ankara Alexandrite Laser - Healthcare WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/aquasmart_b.png\",\r\n        \"filename\": \"aquasmart\",\r\n        \"category\": \"joomla\",\r\n        \"description\": \"Aquasmart - Joomla Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/aracisiznet_b.png\",\r\n        \"filename\": \"aracisiznet\",\r\n        \"category\": \"portal\",\r\n        \"description\": \"Arac\u0131s\u0131znet - Portal Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/asdteknoloji_b.png\",\r\n        \"filename\": \"asdteknoloji\",\r\n        \"category\": \"wordpress\",\r\n        \"description\": \"ASD Technology - WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/aydemmobilya_b.png\",\r\n        \"filename\": \"aydemmobilya\",\r\n        \"category\": \"wordpress\",\r\n        \"description\": \"Aydem Furniture - WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/aydemmuhendislik_b.png\",\r\n        \"filename\": \"aydemmuhendislik\",\r\n        \"category\": \"wordpress\",\r\n        \"description\": \"Aydem Engineering - WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/ayditours_b.png\",\r\n        \"filename\": \"ayditours\",\r\n        \"category\": \"wordpress\",\r\n        \"description\": \"Ayd\u0131 Tours - WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/besthairtransplant-b.png\",\r\n        \"filename\": \"besthairtransplant\",\r\n        \"category\": \"wordpress\",\r\n        \"description\": \"Best Hair Transplant - WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/beyazmelek_b.png\",\r\n        \"filename\": \"beyazmelek\",\r\n        \"category\": \"wordpress\",\r\n        \"description\": \"Beyaz Melek - WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/bigpartnergroup_b.png\",\r\n        \"filename\": \"bigpartnergroup\",\r\n        \"category\": \"wordpress\",\r\n        \"description\": \"Big Partner Group - WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/bilimkurgukulubu_b.png\",\r\n        \"filename\": \"bilimkurgukulubu\",\r\n        \"category\": \"wordpress\",\r\n        \"description\": \"Science Fiction Club - WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/biocalis-b.png\",\r\n        \"filename\": \"biocalis\",\r\n        \"category\": \"wordpress\",\r\n        \"description\": \"Biocalis - WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/bipago.png\",\r\n        \"filename\": \"bipago\",\r\n        \"category\": \"portal\",\r\n        \"description\": \"Bipago - Portal Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/bmd-b.png\",\r\n        \"filename\": \"bmd\",\r\n        \"category\": \"wordpress\",\r\n        \"description\": \"BMD - WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/clubkio_b.png\",\r\n        \"filename\": \"clubkio\",\r\n        \"category\": \"wordpress\",\r\n        \"description\": \"Clubkio - WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/cyrusapp_b.png\",\r\n        \"filename\": \"cyrusapp\",\r\n        \"category\": \"joomla\",\r\n        \"description\": \"Cyrus App - Joomla Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/dermoskin.png\",\r\n        \"filename\": \"dermoskin\",\r\n        \"category\": \"e-ticaret\",\r\n        \"description\": \"Dermoskin - E-commerce Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/diodelazer_b.png\",\r\n        \"filename\": \"diodelazer\",\r\n        \"category\": \"wordpress\",\r\n        \"description\": \"Diode Laser - WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/diyabetim-b.png\",\r\n        \"filename\": \"diyabetim\",\r\n        \"category\": \"portal\",\r\n        \"description\": \"Diyabetim - Portal Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/dovmesildirme_b.png\",\r\n        \"filename\": \"dovmesildirme\",\r\n        \"category\": \"wordpress\",\r\n        \"description\": \"Tattoo Removal - WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/drebrusaglik-b.png\",\r\n        \"filename\": \"drebrusaglik\",\r\n        \"category\": \"wordpress\",\r\n        \"description\": \"Drebrusaglik - Healthcare WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/dronurdede_b.png\",\r\n        \"filename\": \"dronurdede\",\r\n        \"category\": \"wordpress\",\r\n        \"description\": \"Dronurdede - Healthcare WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/drorhankoca-b.png\",\r\n        \"filename\": \"drorhankoca\",\r\n        \"category\": \"wordpress\",\r\n        \"description\": \"Drorhankoca - Healthcare WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/drsertac_b.png\",\r\n        \"filename\": \"drsertac\",\r\n        \"category\": \"wordpress\",\r\n        \"description\": \"Drsertac - Healthcare WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/drthair-b.png\",\r\n        \"filename\": \"drthair\",\r\n        \"category\": \"wordpress\",\r\n        \"description\": \"Drthair - Healthcare WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/drthair-es-b.png\",\r\n        \"filename\": \"drthair-es\",\r\n        \"category\": \"wordpress\",\r\n        \"description\": \"Drthair Es - Healthcare WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/drthairtransplant-b.png\",\r\n        \"filename\": \"drthairtransplant\",\r\n        \"category\": \"wordpress\",\r\n        \"description\": \"Drthairtransplant - Healthcare WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/enlighten_b.png\",\r\n        \"filename\": \"enlighten\",\r\n        \"category\": \"genel\",\r\n        \"description\": \"Enlighten - WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/enmodatasarim.png\",\r\n        \"filename\": \"enmodatasarim\",\r\n        \"category\": \"joomla\",\r\n        \"description\": \"Enmoda Design - Joomla Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/equinist_b.png\",\r\n        \"filename\": \"equinist\",\r\n        \"category\": \"joomla\",\r\n        \"description\": \"Equinist - Joomla Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/ercanatay_b.png\",\r\n        \"filename\": \"ercanatay\",\r\n        \"category\": \"genel\",\r\n        \"description\": \"Ercanatay - WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/ercanataycom-b.png\",\r\n        \"filename\": \"ercanataycom\",\r\n        \"category\": \"genel\",\r\n        \"description\": \"Ercanataycom - WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/ereksiyonhaplari-b.png\",\r\n        \"filename\": \"ereksiyonhaplari\",\r\n        \"category\": \"genel\",\r\n        \"description\": \"Ereksiyonhaplari - WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/estebuy_b.png\",\r\n        \"filename\": \"estebuy\",\r\n        \"category\": \"e-ticaret\",\r\n        \"description\": \"Estebuy - E-commerce Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/estebuy_b2cesproit.png\",\r\n        \"filename\": \"estebuy_b2cesproit\",\r\n        \"category\": \"e-ticaret\",\r\n        \"description\": \"Estebuy B2C Esproit - E-commerce Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/estetikstore_b.png\",\r\n        \"filename\": \"estetikstore\",\r\n        \"category\": \"e-ticaret\",\r\n        \"description\": \"Aesthetic Store - E-commerce Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/firsatim_b.png\",\r\n        \"filename\": \"firsatim\",\r\n        \"category\": \"portal\",\r\n        \"description\": \"F\u0131rsatim - Portal Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/floorium_b.png\",\r\n        \"filename\": \"floorium\",\r\n        \"category\": \"joomla\",\r\n        \"description\": \"Floorium - Joomla Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/fokalterapi-b.png\",\r\n        \"filename\": \"fokalterapi\",\r\n        \"category\": \"wordpress\",\r\n        \"description\": \"Focal Therapy - WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/fraksiyonellazer_b.png\",\r\n        \"filename\": \"fraksiyonellazer\",\r\n        \"category\": \"wordpress\",\r\n        \"description\": \"Fractional Laser - WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/greenlight_b.png\",\r\n        \"filename\": \"greenlight\",\r\n        \"category\": \"joomla\",\r\n        \"description\": \"Green Light - Joomla Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/gulayinmutfagi_b.png\",\r\n        \"filename\": \"gulayinmutfagi\",\r\n        \"category\": \"portal\",\r\n        \"description\": \"G\u00fclay's Kitchen - Portal Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/guneyteknoloji_b.png\",\r\n        \"filename\": \"guneyteknoloji\",\r\n        \"category\": \"joomla\",\r\n        \"description\": \"South Technology - Joomla Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/hifutedavisi_b.png\",\r\n        \"filename\": \"hifutedavisi\",\r\n        \"category\": \"wordpress\",\r\n        \"description\": \"Hifutedavisi - Healthcare WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/huseyinluleci_b.png\",\r\n        \"filename\": \"huseyinluleci\",\r\n        \"category\": \"portal\",\r\n        \"description\": \"H\u00fcseyin Luleci - Portal Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/ikinciellazer_b.png\",\r\n        \"filename\": \"ikinciellazer\",\r\n        \"category\": \"joomla\",\r\n        \"description\": \"Second Hand Laser - Joomla Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/iktidarsizlik-info.png\",\r\n        \"filename\": \"iktidarsizlik-info\",\r\n        \"category\": \"portal\",\r\n        \"description\": \"Iktidars\u0131zl\u0131k Info - Portal Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/ilajcomtr-b.png\",\r\n        \"filename\": \"ilajcomtr\",\r\n        \"category\": \"genel\",\r\n        \"description\": \"Ilajcomtr - WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/ilitra_b.png\",\r\n        \"filename\": \"ilitra\",\r\n        \"category\": \"genel\",\r\n        \"description\": \"Ilitra - WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/inkontinansnet_b.png\",\r\n        \"filename\": \"inkontinansnet\",\r\n        \"category\": \"genel\",\r\n        \"description\": \"Inkontinansnet - WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/ipllazer_b.png\",\r\n        \"filename\": \"ipllazer\",\r\n        \"category\": \"genel\",\r\n        \"description\": \"Ipllazer - WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/istanbulalexandritelazer.png\",\r\n        \"filename\": \"istanbulalexandritelazer\",\r\n        \"category\": \"wordpress\",\r\n        \"description\": \"Istanbulalexandritelazer - Healthcare Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/izoduo_b.png\",\r\n        \"filename\": \"izoduo\",\r\n        \"category\": \"genel\",\r\n        \"description\": \"Izoduo - WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/kozmiksir_b.png\",\r\n        \"filename\": \"kozmiksir\",\r\n        \"category\": \"genel\",\r\n        \"description\": \"Kozmiksir - WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/lifeportguzellik_b.png\",\r\n        \"filename\": \"lifeportguzellik\",\r\n        \"category\": \"genel\",\r\n        \"description\": \"Lifeportguzellik - WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/limmerlazer_b.png\",\r\n        \"filename\": \"limmerlazer\",\r\n        \"category\": \"genel\",\r\n        \"description\": \"Limmerlazer - WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/maril.png\",\r\n        \"filename\": \"maril\",\r\n        \"category\": \"genel\",\r\n        \"description\": \"Maril - WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/mustafasevim-b.png\",\r\n        \"filename\": \"mustafasevim\",\r\n        \"category\": \"genel\",\r\n        \"description\": \"Mustafasevim - WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/mutluluk-cubugu-com-b.png\",\r\n        \"filename\": \"mutluluk-cubugu-com\",\r\n        \"category\": \"genel\",\r\n        \"description\": \"Happiness Bar Com - WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/mutlulukcubugu_b.png\",\r\n        \"filename\": \"mutlulukcubugu\",\r\n        \"category\": \"genel\",\r\n        \"description\": \"Happiness Bar - WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/n-melanin_b.png\",\r\n        \"filename\": \"n-melanin\",\r\n        \"category\": \"genel\",\r\n        \"description\": \"N Melanin - WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/nagor_eurosilicone_b.png\",\r\n        \"filename\": \"nagor_eurosilicone\",\r\n        \"category\": \"genel\",\r\n        \"description\": \"Nagor Eurosilicone - WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/ndyaglazer_b.png\",\r\n        \"filename\": \"ndyaglazer\",\r\n        \"category\": \"genel\",\r\n        \"description\": \"Ndyaglazer - WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/olimpos_b.png\",\r\n        \"filename\": \"olimpos\",\r\n        \"category\": \"genel\",\r\n        \"description\": \"Olimpos - WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/onedirection_b.png\",\r\n        \"filename\": \"onedirection\",\r\n        \"category\": \"genel\",\r\n        \"description\": \"Onedirection - WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/penilprotez_b.png\",\r\n        \"filename\": \"penilprotez\",\r\n        \"category\": \"genel\",\r\n        \"description\": \"Penilprotez - WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/prostatkanseri_b.png\",\r\n        \"filename\": \"prostatkanseri\",\r\n        \"category\": \"genel\",\r\n        \"description\": \"Prostate Cancer - WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/prostatkanseridernegi_b.png\",\r\n        \"filename\": \"prostatkanseridernegi\",\r\n        \"category\": \"genel\",\r\n        \"description\": \"Prostate Cancer Association - WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/prostatkanserimerkezi_b.png\",\r\n        \"filename\": \"prostatkanserimerkezi\",\r\n        \"category\": \"genel\",\r\n        \"description\": \"Prostate Cancer Center - WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/prostatkanserinuksu_b.png\",\r\n        \"filename\": \"prostatkanserinuksu\",\r\n        \"category\": \"genel\",\r\n        \"description\": \"Prostatkanserinuksu - WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/prostattedavisi_b.png\",\r\n        \"filename\": \"prostattedavisi\",\r\n        \"category\": \"wordpress\",\r\n        \"description\": \"Prostate Treatment - Healthcare WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/rekorkazan_b.png\",\r\n        \"filename\": \"rekorkazan\",\r\n        \"category\": \"genel\",\r\n        \"description\": \"Rekorkazan - WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/royalviptransfer_b.png\",\r\n        \"filename\": \"royalviptransfer\",\r\n        \"category\": \"genel\",\r\n        \"description\": \"Royal VIP Transfer - WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/saadettineskicorapci.png\",\r\n        \"filename\": \"saadettineskicorapci\",\r\n        \"category\": \"genel\",\r\n        \"description\": \"Saadettineskicorapci - WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/sac-simulasyon-merkezi.png\",\r\n        \"filename\": \"sac-simulasyon-merkezi\",\r\n        \"category\": \"genel\",\r\n        \"description\": \"Hair Simulation Center - WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/saglikliailedernegi_b.png\",\r\n        \"filename\": \"saglikliailedernegi\",\r\n        \"category\": \"wordpress\",\r\n        \"description\": \"Healthy Family Association - Healthcare WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/sercandent_b.png\",\r\n        \"filename\": \"sercandent\",\r\n        \"category\": \"genel\",\r\n        \"description\": \"Sercandent - WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/sistemuzmani_b.png\",\r\n        \"filename\": \"sistemuzmani\",\r\n        \"category\": \"genel\",\r\n        \"description\": \"System Expert - WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/sokdalgatedavisi-b.png\",\r\n        \"filename\": \"sokdalgatedavisi\",\r\n        \"category\": \"wordpress\",\r\n        \"description\": \"SHOCK WAVE THERAPY - Healthcare WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/testisprotezi-b.png\",\r\n        \"filename\": \"testisprotezi\",\r\n        \"category\": \"genel\",\r\n        \"description\": \"Testisprotezi - WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/turkurolojimuzesi-b.png\",\r\n        \"filename\": \"turkurolojimuzesi\",\r\n        \"category\": \"genel\",\r\n        \"description\": \"Turkish Urology Museum - WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/uro365-b.png\",\r\n        \"filename\": \"uro365\",\r\n        \"category\": \"genel\",\r\n        \"description\": \"Uro365 - WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/urolojiuzmani-b.png\",\r\n        \"filename\": \"urolojiuzmani\",\r\n        \"category\": \"genel\",\r\n        \"description\": \"Urology Expert - WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/vajinismus-b.png\",\r\n        \"filename\": \"vajinismus\",\r\n        \"category\": \"genel\",\r\n        \"description\": \"Vaginismus - WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/veteknoloji_b.png\",\r\n        \"filename\": \"veteknoloji\",\r\n        \"category\": \"genel\",\r\n        \"description\": \"Veteknoloji - WordPress Website\"\r\n    },\r\n    {\r\n        \"url\": \"https:\/\/www.ercanatay.com\/wp-content\/uploads\/webportfolio\/zuhaldogruer_b.png\",\r\n        \"filename\": \"zuhaldogruer\",\r\n        \"category\": \"genel\",\r\n        \"description\": \"Zuhaldogruer - WordPress Website\"\r\n    }\r\n];\r\n\r\nlet currentImageIndex = 0;\r\nlet filteredImages = portfolioImages;\r\n\r\n\/\/ Portfolio grid creation\r\nfunction createPortfolioGrid(imagesToShow = portfolioImages) {\r\n    const grid = document.getElementById('portfolioGrid');\r\n    grid.innerHTML = '';\r\n    \r\n    imagesToShow.forEach((imageData, index) => {\r\n        const item = document.createElement('div');\r\n        item.className = 'ea-portfolio-item ea-fade-in';\r\n        item.setAttribute('data-category', imageData.category);\r\n        \r\n        item.innerHTML = `\r\n            <div class=\"ea-portfolio-item-inner\">\r\n                <img decoding=\"async\" src=\"${imageData.url}\" alt=\"${imageData.description}\" loading=\"lazy\">\r\n                <div class=\"ea-portfolio-overlay\">\r\n                    <div class=\"ea-portfolio-overlay-content\">\r\n                        <i class=\"fas fa-search-plus\"><\/i>\r\n                        <h3>${imageData.filename.replace(\/_\/g, ' ').replace(\/-\/g, ' ')}<\/h3>\r\n                        <p class=\"ea-portfolio-category\">${imageData.category}<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        `;\r\n        \r\n        item.addEventListener('click', () => {\r\n            currentImageIndex = portfolioImages.findIndex(img => img.url === imageData.url);\r\n            openLightbox(imageData);\r\n        });\r\n        \r\n        grid.appendChild(item);\r\n    });\r\n    \r\n    \/\/ Fade-in animation\r\n    setTimeout(() => {\r\n        document.querySelectorAll('.ea-portfolio-item').forEach(el => {\r\n            observer.observe(el);\r\n        });\r\n    }, 100);\r\n}\r\n\r\n\/\/ Enhanced Lightbox functions\r\nfunction openLightbox(imageData) {\r\n    const lightbox = document.getElementById('lightbox');\r\n    const lightboxImg = document.getElementById('lightboxImage');\r\n    const lightboxTitle = document.getElementById('lightboxTitle');\r\n    const lightboxDescription = document.getElementById('lightboxDescription');\r\n    const lightboxCategory = document.getElementById('lightboxCategory');\r\n    const lightboxCounter = document.getElementById('lightboxCounter');\r\n    \r\n    lightbox.style.display = 'block';\r\n    lightboxImg.src = imageData.url;\r\n    \r\n    \/\/ Advanced English text parsing algorithm\r\n    function formatEnglishText(text) {\r\n        \/\/ Basic cleanup\r\n        let cleaned = text.replace(\/_\/g, ' ').replace(\/-\/g, ' ').replace(\/\\sb\\s*$\/i, '').replace(\/\\s+\/g, ' ').trim();\r\n        \r\n        \/\/ Intelligent word splitting function\r\n        function intelligentWordSplit(str) {\r\n            \/\/ Known words and variations\r\n            const knownWords = {\r\n                \/\/ Web technologies\r\n                'wordpress': 'WordPress', 'joomla': 'Joomla', 'drupal': 'Drupal',\r\n                'ecommerce': 'E-commerce', 'website': 'Website', 'web': 'Web',\r\n                'responsive': 'Responsive', 'mobile': 'Mobile', 'bootstrap': 'Bootstrap',\r\n                'jquery': 'jQuery', 'javascript': 'JavaScript', 'ajax': 'AJAX',\r\n                'html': 'HTML', 'css': 'CSS', 'php': 'PHP', 'mysql': 'MySQL',\r\n                \r\n                \/\/ English words\r\n                'design': 'Design', 'portal': 'Portal', 'site': 'Site',\r\n                'corporate': 'Corporate', 'personal': 'Personal', 'blog': 'Blog',\r\n                'magazine': 'Magazine', 'catalog': 'Catalog', 'gallery': 'Gallery',\r\n                'news': 'News', 'forum': 'Forum', 'social': 'Social',\r\n                'media': 'Media', 'network': 'Network', 'platform': 'Platform',\r\n                'ankara': 'Ankara', 'istanbul': 'Istanbul', 'izmir': 'Izmir',\r\n                'bursa': 'Bursa', 'antalya': 'Antalya', 'adana': 'Adana',\r\n                'laser': 'Laser', 'treatment': 'Treatment', 'clinic': 'Clinic',\r\n                'hospital': 'Hospital', 'health': 'Health', 'healthcare': 'Healthcare',\r\n                'beauty': 'Beauty', 'aesthetic': 'Aesthetic', 'care': 'Care',\r\n                'center': 'Center', 'centre': 'Centre',\r\n                'alexandrite': 'ALEXANDRITE', 'diode': 'Diode', 'ipl': 'IPL',\r\n                \r\n                \/\/ CMS and platforms\r\n                'prestashop': 'PrestaShop', 'magento': 'Magento', 'shopify': 'Shopify',\r\n                'opencart': 'OpenCart', 'woocommerce': 'WooCommerce',\r\n                \r\n                \/\/ Technical terms\r\n                'admin': 'Admin', 'panel': 'Panel', 'dashboard': 'Dashboard',\r\n                'cms': 'CMS', 'crm': 'CRM', 'erp': 'ERP', 'api': 'API',\r\n                'seo': 'SEO', 'sem': 'SEM', 'smm': 'SMM', 'ppc': 'PPC',\r\n                \r\n                \/\/ Version\/numbers\r\n                'v1': 'V1', 'v2': 'V2', 'v3': 'V3', 'v4': 'V4', 'v5': 'V5',\r\n                'beta': 'Beta', 'alpha': 'Alpha', 'demo': 'Demo'\r\n            };\r\n            \r\n            \/\/ Year patterns\r\n            const yearPattern = \/(\\d{4})\/g;\r\n            \r\n            \/\/ Intelligent splitting for concatenated words (2+ words together)\r\n            if (str.length > 8 && str.indexOf(' ') === -1) {\r\n                let result = str;\r\n                \r\n                \/\/ Find and separate known words\r\n                Object.keys(knownWords).forEach(known => {\r\n                    const regex = new RegExp(known, 'gi');\r\n                    result = result.replace(regex, ' ' + knownWords[known] + ' ');\r\n                });\r\n                \r\n                \/\/ Separate years\r\n                result = result.replace(yearPattern, ' $1 ');\r\n                \r\n                \/\/ Clean multiple spaces\r\n                result = result.replace(\/\\s+\/g, ' ').trim();\r\n                \r\n                return result;\r\n            }\r\n            \r\n            return str;\r\n        }\r\n        \r\n        \/\/ Apply intelligent splitting\r\n        cleaned = intelligentWordSplit(cleaned);\r\n        \r\n        \/\/ Abbreviations and special cases\r\n        const specialCases = {\r\n            'WORDPRESS': 'WordPress', 'WEB': 'Web', 'JOOMLA': 'Joomla',\r\n            'HTML': 'HTML', 'CSS': 'CSS', 'SEO': 'SEO', 'API': 'API',\r\n            'UI': 'UI', 'UX': 'UX', 'CMS': 'CMS', 'CRM': 'CRM', 'ERP': 'ERP',\r\n            'AJAX': 'AJAX', 'PHP': 'PHP', 'MYSQL': 'MySQL', 'JQUERY': 'jQuery',\r\n            'JAVASCRIPT': 'JavaScript', 'BOOTSTRAP': 'Bootstrap',\r\n            'RESPONSIVE': 'Responsive', 'MOBILE': 'Mobile', 'E-COMMERCE': 'E-commerce',\r\n            'PRESTASHOP': 'PrestaShop', 'MAGENTO': 'Magento', 'SHOPIFY': 'Shopify',\r\n            'OPENCART': 'OpenCart', 'WOOCOMMERCE': 'WooCommerce'\r\n        };\r\n        \r\n        \/\/ Process word by word\r\n        let words = cleaned.split(' ');\r\n        words = words.map(word => {\r\n            if (!word) return '';\r\n            \r\n            const upperWord = word.toUpperCase();\r\n            \r\n            \/\/ Check special cases\r\n            if (specialCases[upperWord]) {\r\n                return specialCases[upperWord];\r\n            }\r\n            \r\n            \/\/ Version numbers\r\n            if (\/^v\\d+$\/i.test(word)) {\r\n                return word.toUpperCase();\r\n            }\r\n            \r\n            \/\/ Normal words - capitalize first letter\r\n            return word.charAt(0).toUpperCase() + word.slice(1).toLowerCase();\r\n        });\r\n        \r\n        return words.join(' ');\r\n    }\r\n    \r\n    lightboxTitle.innerHTML = formatEnglishText(imageData.filename);\r\n    lightboxDescription.innerHTML = formatEnglishText(imageData.description.replace(' - Web Design Project', '').replace(' - E-commerce Site', '').replace(' - Corporate Website', '').replace(' - Portal Site', ''));\r\n    lightboxCategory.innerHTML = imageData.category.toUpperCase();\r\n    lightboxCounter.innerHTML = `${currentImageIndex + 1} \/ ${portfolioImages.length}`;\r\n    \r\n    document.body.style.overflow = 'hidden';\r\n}\r\n\r\nfunction closeLightbox() {\r\n    document.getElementById('lightbox').style.display = 'none';\r\n    document.body.style.overflow = 'auto';\r\n}\r\n\r\nfunction showPrevImage() {\r\n    currentImageIndex = currentImageIndex > 0 ? currentImageIndex - 1 : portfolioImages.length - 1;\r\n    openLightbox(portfolioImages[currentImageIndex]);\r\n}\r\n\r\nfunction showNextImage() {\r\n    currentImageIndex = currentImageIndex < portfolioImages.length - 1 ? currentImageIndex + 1 : 0;\r\n    openLightbox(portfolioImages[currentImageIndex]);\r\n}\r\n\r\n\/\/ Event listeners\r\ndocument.querySelector('.ea-lightbox-close').onclick = closeLightbox;\r\ndocument.querySelector('.ea-lightbox-prev').onclick = showPrevImage;\r\ndocument.querySelector('.ea-lightbox-next').onclick = showNextImage;\r\n\r\n\/\/ Click on black overlay to close\r\ndocument.getElementById('lightbox').onclick = function(e) {\r\n    \/\/ Only close if clicked on lightbox container (not content)\r\n    if (e.target === this) {\r\n        closeLightbox();\r\n    }\r\n};\r\n\r\n\/\/ Keyboard navigation\r\ndocument.addEventListener('keydown', function(e) {\r\n    if (document.getElementById('lightbox').style.display === 'block') {\r\n        switch(e.key) {\r\n            case 'Escape':\r\n                closeLightbox();\r\n                break;\r\n            case 'ArrowLeft':\r\n                showPrevImage();\r\n                break;\r\n            case 'ArrowRight':\r\n                showNextImage();\r\n                break;\r\n        }\r\n    }\r\n});\r\n\r\n\/\/ Filter functionality\r\nfunction filterImages(category) {\r\n    if (category === 'all') {\r\n        filteredImages = portfolioImages;\r\n    } else {\r\n        filteredImages = portfolioImages.filter(img => img.category === category);\r\n    }\r\n    createPortfolioGrid(filteredImages);\r\n}\r\n\r\n\/\/ Fade-in animation with Intersection Observer\r\nconst observerOptions = {\r\n    threshold: 0.1,\r\n    rootMargin: '0px 0px -50px 0px'\r\n};\r\n\r\nconst observer = new IntersectionObserver(function(entries) {\r\n    entries.forEach(entry => {\r\n        if (entry.isIntersecting) {\r\n            entry.target.classList.add('visible');\r\n        }\r\n    });\r\n}, observerOptions);\r\n\r\n\/\/ When page loads\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    createPortfolioGrid();\r\n    \r\n    \/\/ Observe fade-in elements\r\n    document.querySelectorAll('.ea-fade-in').forEach(el => {\r\n        observer.observe(el);\r\n    });\r\n    \r\n    \/\/ Filter buttons\r\n    const filterButtons = document.querySelectorAll('.ea-filter-btn');\r\n    filterButtons.forEach(btn => {\r\n        btn.addEventListener('click', function() {\r\n            filterButtons.forEach(b => b.classList.remove('active'));\r\n            this.classList.add('active');\r\n            const category = this.getAttribute('data-filter');\r\n            filterImages(category);\r\n        });\r\n    });\r\n});\r\n<\/script><\/div>\n<p><!--more--><br \/>\n<!-- {\"type\":\"layout\",\"children\":[{\"type\":\"section\",\"props\":{\"image_position\":\"center-center\",\"padding_remove_bottom\":true,\"padding_remove_top\":true,\"style\":\"default\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"middle\",\"width\":\"\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"[wbcr_snippet id=\\\"18915\\\"]\",\"margin\":\"default\"}}]}]}]}],\"version\":\"4.5.24\"} --><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2781","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.5 (Yoast SEO v27.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Web Portfolio - Ercan ATAY<\/title>\n<meta name=\"description\" content=\"This page contains detailed Web Portfolio information of Ercan ATAY, Senior Digital Marketing Manager and SEO Expert.\" \/>\n<meta name=\"robots\" content=\"noindex, nofollow\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Web Portfolio\" \/>\n<meta property=\"og:description\" content=\"This page contains detailed Web Portfolio information of Ercan ATAY, Senior Digital Marketing Manager and SEO Expert.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.ercanatay.com\/en\/web-portfolio\/\" \/>\n<meta property=\"og:site_name\" content=\"Ercan ATAY\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-05T06:20:24+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.ercanatay.com\\\/en\\\/web-portfolio\\\/\",\"url\":\"https:\\\/\\\/www.ercanatay.com\\\/en\\\/web-portfolio\\\/\",\"name\":\"Web Portfolio - Ercan ATAY\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.ercanatay.com\\\/en\\\/#website\"},\"datePublished\":\"2020-04-09T13:07:39+00:00\",\"dateModified\":\"2025-08-05T06:20:24+00:00\",\"description\":\"This page contains detailed Web Portfolio information of Ercan ATAY, Senior Digital Marketing Manager and SEO Expert.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.ercanatay.com\\\/en\\\/web-portfolio\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.ercanatay.com\\\/en\\\/web-portfolio\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.ercanatay.com\\\/en\\\/web-portfolio\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.ercanatay.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web Portfolio\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.ercanatay.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/www.ercanatay.com\\\/en\\\/\",\"name\":\"Ercan ATAY\",\"description\":\"K\u0131demli SEO Uzman\u0131\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.ercanatay.com\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Web Portfolio - Ercan ATAY","description":"This page contains detailed Web Portfolio information of Ercan ATAY, Senior Digital Marketing Manager and SEO Expert.","robots":{"index":"noindex","follow":"nofollow"},"og_locale":"en_US","og_type":"article","og_title":"Web Portfolio","og_description":"This page contains detailed Web Portfolio information of Ercan ATAY, Senior Digital Marketing Manager and SEO Expert.","og_url":"https:\/\/www.ercanatay.com\/en\/web-portfolio\/","og_site_name":"Ercan ATAY","article_modified_time":"2025-08-05T06:20:24+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.ercanatay.com\/en\/web-portfolio\/","url":"https:\/\/www.ercanatay.com\/en\/web-portfolio\/","name":"Web Portfolio - Ercan ATAY","isPartOf":{"@id":"https:\/\/www.ercanatay.com\/en\/#website"},"datePublished":"2020-04-09T13:07:39+00:00","dateModified":"2025-08-05T06:20:24+00:00","description":"This page contains detailed Web Portfolio information of Ercan ATAY, Senior Digital Marketing Manager and SEO Expert.","breadcrumb":{"@id":"https:\/\/www.ercanatay.com\/en\/web-portfolio\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.ercanatay.com\/en\/web-portfolio\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.ercanatay.com\/en\/web-portfolio\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.ercanatay.com\/en\/"},{"@type":"ListItem","position":2,"name":"Web Portfolio"}]},{"@type":"WebSite","@id":"https:\/\/www.ercanatay.com\/en\/#website","url":"https:\/\/www.ercanatay.com\/en\/","name":"Ercan ATAY","description":"K\u0131demli SEO Uzman\u0131","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.ercanatay.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.ercanatay.com\/en\/wp-json\/wp\/v2\/pages\/2781","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ercanatay.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ercanatay.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ercanatay.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ercanatay.com\/en\/wp-json\/wp\/v2\/comments?post=2781"}],"version-history":[{"count":0,"href":"https:\/\/www.ercanatay.com\/en\/wp-json\/wp\/v2\/pages\/2781\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.ercanatay.com\/en\/wp-json\/wp\/v2\/media?parent=2781"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}