{"id":7093,"date":"2026-01-28T14:50:40","date_gmt":"2026-01-28T11:50:40","guid":{"rendered":"https:\/\/www.aora.com.tr\/web-design-packages\/"},"modified":"2026-06-01T12:59:39","modified_gmt":"2026-06-01T09:59:39","slug":"web-design-packages","status":"publish","type":"page","link":"https:\/\/www.aora.com.tr\/en\/web-design-packages\/","title":{"rendered":"Web Design Packages"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7093\" class=\"elementor elementor-7093 elementor-5978\">\n\t\t\t\t\t\t<div class=\"elementor-section elementor-top-section elementor-element elementor-element-7342ceb elementor-section-full_width elementor-section-stretched pbmit-cursor-color-white-color pbmit-col-stretched-none pbmit-bg-color-over-image elementor-section-height-default elementor-section-height-default\" data-id=\"7342ceb\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3f7bfa1 pbmit-bg-color-over-image\" data-id=\"3f7bfa1\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f7dcae9 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"f7dcae9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n    \r\n\r\n\r\n<body>\r\n\r\n<style>\r\n\r\n\/* Fiyat Planlar\u0131 CSS *\/\r\n.pricing-section {\r\n    background: #f9f7f7;\r\n    padding: 80px 80px;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.pricing-section::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    pointer-events: none;\r\n}\r\n\r\n.pricing-container {\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    padding: 0 20px;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.pricing-title {\r\n    text-align: center;\r\n    margin-bottom: 60px;\r\n    position: relative;\r\n}\r\n\r\n.pricing-title h2 {\r\n    font-family: 'GothamSSm', sans-serif;\r\n    font-size: 42px;\r\n    font-weight: bold;\r\n    color: #2c3e50;\r\n    margin: 0;\r\n    position: relative;\r\n    display: inline-block;\r\n    line-height: normal;\r\n}\r\n\r\n.pricing-title h2::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -15px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 80px;\r\n    height: 4px;\r\n    background: linear-gradient(135deg, #2c3e50 0%, #2c3e50 100%);\r\n    border-radius: 2px;\r\n}\r\n\r\n.pricing-slider {\r\n    position: relative;\r\n    margin: 0 -15px;\r\n    overflow: visible;\r\n}\r\n\r\n\/* Splide Override Styles *\/\r\n.pricing-slider .splide__track {\r\n    padding: 0;\r\n}\r\n\r\n.pricing-slider .splide__list {\r\n    align-items: stretch;\r\n}\r\n\r\n.pricing-slider .splide__slide {\r\n    padding: 0 10px;\r\n    height: auto;\r\n}\r\n\r\n\/* Pricing Card Styles *\/\r\n.pricing-card {\r\n    background: #ffffff;\r\n    border-radius: 20px;\r\n    padding: 40px 30px;\r\n    text-align: center;\r\n    height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: relative;\r\n    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n    border: 2px solid transparent;\r\n    overflow: hidden;\r\n}\r\n\r\n.pricing-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    height: 5px;\r\n    background: linear-gradient(135deg, #ee2e2e 0%, #c41e3a 100%);\r\n    transform: scaleX(0);\r\n    transition: transform 0.4s ease;\r\n}\r\n\r\n.pricing-card:hover::before {\r\n    transform: scaleX(1);\r\n}\r\n\r\n.pricing-card:hover {\r\n    transform: translateY(-10px) scale(1.02);\r\n    box-shadow: 0 0px 20px rgba(238, 46, 46, 0.15);\r\n    border-color: rgba(238, 46, 46, 0.2);\r\n}\r\n\r\n.pricing-card.featured {\r\n    border: 2px solid #ee2e2e;\r\n    transform: scale(1.05);\r\n}\r\n\r\n.pricing-card.featured::before {\r\n    transform: scaleX(1);\r\n}\r\n\r\n.pricing-card.featured:hover {\r\n    transform: translateY(-10px) scale(1.07);\r\n}\r\n\r\n\/* Featured Badge *\/\r\n.featured-badge {\r\n    position: absolute;\r\n    top: -4px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    background: linear-gradient(135deg, #ee2e2e 0%, #c41e3a 100%);\r\n    color: white;\r\n    padding: 8px 20px;\r\n    border-radius: 20px;\r\n    font-size: 12px;\r\n    font-weight: bold;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    box-shadow: 0 4px 15px rgba(238, 46, 46, 0.3);\r\n}\r\n\r\n\/* Card Header *\/\r\n.pricing-header {\r\n    margin-bottom: 0px;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.pricing-plan-name {\r\n    font-family: 'GothamSSm', sans-serif;\r\n    font-size: 20px;\r\n    font-weight: bold;\r\n    color: #2c3e50;\r\n    margin: 0 0 15px 0;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    line-height: 1.3;\r\n}\r\n\r\n.plan-subtitle {\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    color: #7f8c8d;\r\n    text-transform: none;\r\n    letter-spacing: 0.5px;\r\n}\r\n\r\n.pricing-price {\r\n    margin-bottom: 0px;\r\n    min-height: 101px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n\r\n.pricing-amount {\r\n    font-family: 'GothamSSm', sans-serif;\r\n    font-size: 32px;\r\n    font-weight: 900;\r\n    color: #2c3e50;\r\n    margin: 0;\r\n    line-height: 1;\r\n    text-shadow: 0 2px 4px rgba(136, 136, 136, 0.1);\r\n}\r\n\r\n.pricing-period {\r\n    font-family: 'GothamSSm', sans-serif;\r\n    font-size: 16px;\r\n    color: #7f8c8d;\r\n    font-weight: 600;\r\n    margin-top: 5px;\r\n    text-transform: none;\r\n    letter-spacing: 0.5px;\r\n}\r\n\r\n.pricing-contact {\r\n    font-family: 'GothamSSm', sans-serif;\r\n    font-size: 32px;\r\n    font-weight: bold;\r\n    color: #2c3e50;\r\n    margin: 0 0 20px 0;\r\n    padding: 15px 0;\r\n    text-align: center;\r\n    min-height: 60px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n\/* Features List *\/\r\n.pricing-features {\r\n    flex: 1;\r\n    margin: 30px 0;\r\n    overflow-y: auto;\r\n    max-height: 325px;\r\n    padding-right: 10px;\r\n}\r\n\r\n\/* Custom Scrollbar - WebKit only *\/\r\n.pricing-features {\r\n    \/* Firefox scrollbar CSS'leri kald\u0131r\u0131ld\u0131 - sadece WebKit kullan\u0131l\u0131yor *\/\r\n}\r\n\r\n\/* WebKit scrollbar - Ok butonlar\u0131 olmadan *\/\r\n.pricing-features::-webkit-scrollbar {\r\n    width: 6px;\r\n    height: 6px;\r\n    background: transparent;\r\n}\r\n\r\n.pricing-features::-webkit-scrollbar-track {\r\n    background: #f1f3f4;\r\n    border-radius: 3px;\r\n    margin: 0;\r\n}\r\n\r\n.pricing-features::-webkit-scrollbar-thumb {\r\n    background: linear-gradient(135deg, #ee2e2e 0%, #c41e3a 100%);\r\n    border-radius: 3px;\r\n    transition: background 0.3s ease;\r\n    border: none;\r\n}\r\n\r\n.pricing-features::-webkit-scrollbar-thumb:hover {\r\n    background: linear-gradient(135deg, #c41e3a 0%, #8b0000 100%);\r\n}\r\n\r\n\/* Ok butonlar\u0131n\u0131 tamamen kald\u0131r - T\u00fcm varyasyonlar *\/\r\n.pricing-features::-webkit-scrollbar-button {\r\n    display: none !important;\r\n    width: 0 !important;\r\n    height: 0 !important;\r\n    background: transparent !important;\r\n    border: none !important;\r\n    outline: none !important;\r\n}\r\n\r\n.pricing-features::-webkit-scrollbar-button:start:decrement,\r\n.pricing-features::-webkit-scrollbar-button:end:increment,\r\n.pricing-features::-webkit-scrollbar-button:vertical:start:decrement,\r\n.pricing-features::-webkit-scrollbar-button:vertical:end:increment,\r\n.pricing-features::-webkit-scrollbar-button:horizontal:start:decrement,\r\n.pricing-features::-webkit-scrollbar-button:horizontal:end:increment,\r\n.pricing-features::-webkit-scrollbar-button:vertical:increment,\r\n.pricing-features::-webkit-scrollbar-button:vertical:decrement,\r\n.pricing-features::-webkit-scrollbar-button:horizontal:increment,\r\n.pricing-features::-webkit-scrollbar-button:horizontal:decrement {\r\n    display: none !important;\r\n    width: 0 !important;\r\n    height: 0 !important;\r\n    background: transparent !important;\r\n    border: none !important;\r\n    outline: none !important;\r\n}\r\n\r\n.pricing-features::-webkit-scrollbar-corner {\r\n    display: none !important;\r\n    background: transparent !important;\r\n}\r\n\r\n\/* Alternatif yakla\u015f\u0131m - T\u00fcm scrollbar elementlerini s\u0131f\u0131rla *\/\r\n.pricing-features::-webkit-scrollbar-button:vertical:start:before,\r\n.pricing-features::-webkit-scrollbar-button:vertical:end:before,\r\n.pricing-features::-webkit-scrollbar-button:horizontal:start:before,\r\n.pricing-features::-webkit-scrollbar-button:horizontal:end:before {\r\n    display: none !important;\r\n    content: none !important;\r\n}\r\n\r\n\/* Daha agresif yakla\u015f\u0131m - T\u00fcm scrollbar elementlerini s\u0131f\u0131rla *\/\r\n.pricing-features::-webkit-scrollbar-button:vertical:start:after,\r\n.pricing-features::-webkit-scrollbar-button:vertical:end:after,\r\n.pricing-features::-webkit-scrollbar-button:horizontal:start:after,\r\n.pricing-features::-webkit-scrollbar-button:horizontal:end:after {\r\n    display: none !important;\r\n    content: none !important;\r\n}\r\n\r\n\/* Ok butonlar\u0131n\u0131 tamamen kald\u0131r - T\u00fcm varyasyonlar *\/\r\n.pricing-features::-webkit-scrollbar-button {\r\n    display: none !important;\r\n    width: 0 !important;\r\n    height: 0 !important;\r\n    background: transparent !important;\r\n    border: none !important;\r\n    outline: none !important;\r\n}\r\n\r\n.pricing-features::-webkit-scrollbar-button:start:decrement,\r\n.pricing-features::-webkit-scrollbar-button:end:increment,\r\n.pricing-features::-webkit-scrollbar-button:vertical:start:decrement,\r\n.pricing-features::-webkit-scrollbar-button:vertical:end:increment,\r\n.pricing-features::-webkit-scrollbar-button:horizontal:start:decrement,\r\n.pricing-features::-webkit-scrollbar-button:horizontal:end:increment,\r\n.pricing-features::-webkit-scrollbar-button:vertical:increment,\r\n.pricing-features::-webkit-scrollbar-button:vertical:decrement,\r\n.pricing-features::-webkit-scrollbar-button:horizontal:increment,\r\n.pricing-features::-webkit-scrollbar-button:horizontal:decrement {\r\n    display: none !important;\r\n    width: 0 !important;\r\n    height: 0 !important;\r\n    background: transparent !important;\r\n    border: none !important;\r\n    outline: none !important;\r\n}\r\n\r\n.pricing-features::-webkit-scrollbar-corner {\r\n    display: none !important;\r\n    background: transparent !important;\r\n}\r\n\r\n\/* Alternatif yakla\u015f\u0131m - T\u00fcm scrollbar elementlerini s\u0131f\u0131rla *\/\r\n.pricing-features::-webkit-scrollbar-button:vertical:start:before,\r\n.pricing-features::-webkit-scrollbar-button:vertical:end:before,\r\n.pricing-features::-webkit-scrollbar-button:horizontal:start:before,\r\n.pricing-features::-webkit-scrollbar-button:horizontal:end:before {\r\n    display: none !important;\r\n    content: none !important;\r\n}\r\n\r\n\/* Daha agresif yakla\u015f\u0131m - T\u00fcm scrollbar elementlerini s\u0131f\u0131rla *\/\r\n.pricing-features::-webkit-scrollbar-button:vertical:start:after,\r\n.pricing-features::-webkit-scrollbar-button:vertical:end:after,\r\n.pricing-features::-webkit-scrollbar-button:horizontal:start:after,\r\n.pricing-features::-webkit-scrollbar-button:horizontal:end:after {\r\n    display: none !important;\r\n    content: none !important;\r\n}\r\n\r\n\/* Ok butonlar\u0131n\u0131 tamamen kald\u0131r - T\u00fcm varyasyonlar *\/\r\n.pricing-features::-webkit-scrollbar-button {\r\n    display: none !important;\r\n    width: 0 !important;\r\n    height: 0 !important;\r\n    background: transparent !important;\r\n    border: none !important;\r\n    outline: none !important;\r\n}\r\n\r\n.pricing-features::-webkit-scrollbar-button:start:decrement,\r\n.pricing-features::-webkit-scrollbar-button:end:increment,\r\n.pricing-features::-webkit-scrollbar-button:vertical:start:decrement,\r\n.pricing-features::-webkit-scrollbar-button:vertical:end:increment,\r\n.pricing-features::-webkit-scrollbar-button:horizontal:start:decrement,\r\n.pricing-features::-webkit-scrollbar-button:horizontal:end:increment,\r\n.pricing-features::-webkit-scrollbar-button:vertical:increment,\r\n.pricing-features::-webkit-scrollbar-button:vertical:decrement,\r\n.pricing-features::-webkit-scrollbar-button:horizontal:increment,\r\n.pricing-features::-webkit-scrollbar-button:horizontal:decrement {\r\n    display: none !important;\r\n    width: 0 !important;\r\n    height: 0 !important;\r\n    background: transparent !important;\r\n    border: none !important;\r\n    outline: none !important;\r\n}\r\n\r\n.pricing-features::-webkit-scrollbar-corner {\r\n    display: none !important;\r\n    background: transparent !important;\r\n}\r\n\r\n\/* Alternatif yakla\u015f\u0131m - T\u00fcm scrollbar elementlerini s\u0131f\u0131rla *\/\r\n.pricing-features::-webkit-scrollbar-button:vertical:start:before,\r\n.pricing-features::-webkit-scrollbar-button:vertical:end:before,\r\n.pricing-features::-webkit-scrollbar-button:horizontal:start:before,\r\n.pricing-features::-webkit-scrollbar-button:horizontal:end:before {\r\n    display: none !important;\r\n    content: none !important;\r\n}\r\n\r\n\/* Daha agresif yakla\u015f\u0131m - T\u00fcm scrollbar elementlerini s\u0131f\u0131rla *\/\r\n.pricing-features::-webkit-scrollbar-button:vertical:start:after,\r\n.pricing-features::-webkit-scrollbar-button:vertical:end:after,\r\n.pricing-features::-webkit-scrollbar-button:horizontal:start:after,\r\n.pricing-features::-webkit-scrollbar-button:horizontal:end:after {\r\n    display: none !important;\r\n    content: none !important;\r\n}\r\n\r\n\r\n.features-list {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0;\r\n    text-align: left;\r\n}\r\n\r\n.features-list li {\r\n    padding: 12px 0;\r\n    border-bottom: 1px solid #ecf0f1;\r\n    position: relative;\r\n    padding-left: 30px;\r\n    font-size: 14px;\r\n    color: #5a6c7d;\r\n    line-height: 1.5;\r\n    transition: color 0.3s ease;\r\n}\r\n\r\n.features-list li:last-child {\r\n    border-bottom: none;\r\n}\r\n\r\n.features-list li::before {\r\n    content: '\u2713';\r\n    position: absolute;\r\n    left: 0;\r\n    top: 12px;\r\n    width: 20px;\r\n    height: 20px;\r\n    background: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%);\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 12px;\r\n    font-weight: bold;\r\n    color: white;\r\n    box-shadow: 0 2px 8px rgba(39, 174, 96, 0.3);\r\n}\r\n\r\n\/* Info Icon Stili *\/\r\n.features-list li.feature-info::before {\r\n    content: 'i';\r\n    background: linear-gradient(135deg, #bfbfbf 0%, #797979 100%);\r\n    box-shadow: 0 2px 8px rgba(124, 124, 124, 0.3);\r\n    font-style: italic;\r\n    font-weight: bold;\r\n}\r\n\r\n.features-list li.feature-info {\r\n    font-weight: 600;\r\n    color: #5a6c7d;\r\n}\r\n\r\n.pricing-card:hover .features-list li {\r\n    color: #2c3e50;\r\n}\r\n\r\n\/* CTA Button *\/\r\n.pricing-cta {\r\n    margin-top: 30px;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.pricing-btn {\r\n    display: inline-block;\r\n    width: 100%;\r\n    background: linear-gradient(135deg, #ee2e2e 0%, #c41e3a 25%, #8b0000 50%, #cd0000 75%, #ee2e2e 100%);\r\n    background-size: 300% 300%;\r\n    color: #ffffff;\r\n    text-decoration: none;\r\n    padding: 16px 30px;\r\n    border-radius: 30px;\r\n    font-family: 'GothamSSm', sans-serif;\r\n    font-size: 14px;\r\n    font-weight: bold;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    border: 2px solid transparent;\r\n    cursor: pointer;\r\n    overflow: hidden;\r\n    transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n    box-shadow: 0 8px 30px rgba(238, 46, 46, 0.3);\r\n    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);\r\n    position: relative;\r\n}\r\n\r\n.pricing-btn::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: -100%;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\r\n    transition: left 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n    border-radius: 30px;\r\n}\r\n\r\n.pricing-btn:hover {\r\n    background-position: 100% 100%;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 12px 40px rgba(238, 46, 46, 0.4);\r\n    border-color: rgba(255, 255, 255, 0.3);\r\n}\r\n\r\n.pricing-btn:hover::before {\r\n    left: 100%;\r\n}\r\n\r\n.splide__arrow svg {\r\n    fill: white !important;\r\n}\r\n\r\n\/* Splide Navigation *\/\r\n.pricing-slider .splide__arrows {\r\n    position: absolute;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    width: 100%;\r\n    pointer-events: none;\r\n    z-index: 100;\r\n}\r\n\r\n.pricing-slider .splide__arrow {\r\n    padding: 0 !important;\r\n    position: absolute;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    width: 50px;\r\n    height: 50px;\r\n    background: linear-gradient(135deg, #ee2e2e 0%, #c41e3a 100%);\r\n    border: none;\r\n    border-radius: 50%;\r\n    color: white;\r\n    font-size: 18px;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    box-shadow: 0 4px 15px rgba(238, 46, 46, 0.3);\r\n    pointer-events: auto;\r\n    z-index: 101;\r\n}\r\n\r\n.pricing-slider .splide__arrow:hover {\r\n    background: linear-gradient(135deg, #ee2e2e 0%, #c41e3a 100%);\r\n    transform: translateY(-50%) scale(1.1);\r\n    box-shadow: 0 6px 20px rgba(238, 46, 46, 0.4);\r\n}\r\n\r\n.pricing-slider .splide__arrow--prev {\r\n    left: -60px;\r\n}\r\n\r\n.pricing-slider .splide__arrow--next {\r\n    right: -60px;\r\n}\r\n\r\n\/* Splide Pagination *\/\r\n.pricing-slider .splide__pagination {\r\n    display: none !important;\r\n}\r\n\r\n.pricing-slider .splide__pagination__page {\r\n    width: 12px;\r\n    height: 12px;\r\n    background: #bdc3c7;\r\n    border-radius: 50%;\r\n    margin: 0 6px;\r\n    transition: all 0.3s ease;\r\n    border: none;\r\n    cursor: pointer;\r\n}\r\n\r\n.pricing-slider .splide__pagination__page.is-active {\r\n    background: linear-gradient(135deg, #ee2e2e 0%, #c41e3a 100%);\r\n    transform: scale(1.2);\r\n}\r\n\r\n.pricing-slider .splide__pagination__page:hover {\r\n    background: linear-gradient(135deg, #ee2e2e 0%, #c41e3a 100%);\r\n    transform: scale(1.1);\r\n}\r\n\r\n\/* Responsive Design *\/\r\n@media (max-width: 1200px) {\r\n    .pricing-section {\r\n        padding: 80px 60px;\r\n    }\r\n    \r\n    .pricing-container {\r\n        max-width: 100%;\r\n        padding: 0 20px;\r\n    }\r\n    \r\n    .pricing-slider .splide__arrow--prev {\r\n        left: -40px;\r\n    }\r\n    \r\n    .pricing-slider .splide__arrow--next {\r\n        right: -40px;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .pricing-price {\r\n        min-height: auto;\r\n    }\r\n    .pricing-section {\r\n        padding: 0px 50px;\r\n    }\r\n    \r\n    .pricing-title h2 {\r\n        font-size: 32px;\r\n    }\r\n    \r\n    .pricing-container {\r\n        padding: 40px 35px !important;\r\n    }\r\n    \r\n    .pricing-card {\r\n        padding: 55px 20px 30px;\r\n    }\r\n    \r\n    .pricing-amount {\r\n        font-size: 20px;\r\n    }\r\n    \r\n    .pricing-slider .splide__arrow {\r\n        width: 45px;\r\n        height: 45px;\r\n        font-size: 16px;\r\n    }\r\n    \r\n    .pricing-slider .splide__arrow--prev {\r\n        left: -20px;\r\n    }\r\n    \r\n    .pricing-slider .splide__arrow--next {\r\n        right: -20px;\r\n    }\r\n    \r\n    \/* Mobilde scrollbar - Ok butonlar\u0131 olmadan *\/\r\n    .pricing-features::-webkit-scrollbar {\r\n        width: 4px;\r\n        height: 4px;\r\n    }\r\n    \r\n    .pricing-features::-webkit-scrollbar-track {\r\n        background: #f1f3f4;\r\n        border-radius: 2px;\r\n    }\r\n    \r\n    .pricing-features::-webkit-scrollbar-thumb {\r\n        background: linear-gradient(135deg, #ee2e2e 0%, #c41e3a 100%);\r\n        border-radius: 2px;\r\n    }\r\n    \r\n    .pricing-features::-webkit-scrollbar-thumb:hover {\r\n        background: linear-gradient(135deg, #c41e3a 0%, #8b0000 100%);\r\n    }\r\n    \r\n    \/* Mobilde ok butonlar\u0131n\u0131 gizle *\/\r\n    .pricing-features::-webkit-scrollbar-button {\r\n        display: none !important;\r\n        width: 0 !important;\r\n        height: 0 !important;\r\n    }\r\n    \r\n    .pricing-features::-webkit-scrollbar-button:start:decrement,\r\n    .pricing-features::-webkit-scrollbar-button:end:increment,\r\n    .pricing-features::-webkit-scrollbar-button:vertical:start:decrement,\r\n    .pricing-features::-webkit-scrollbar-button:vertical:end:increment {\r\n        display: none !important;\r\n        width: 0 !important;\r\n        height: 0 !important;\r\n    }\r\n    \r\n    .pricing-features::-webkit-scrollbar-corner {\r\n        display: none !important;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .pricing-section {\r\n        padding: 0px 35px;\r\n    }\r\n    \r\n    .pricing-title h2 {\r\n        font-size: 28px;\r\n    }\r\n    \r\n    .pricing-title {\r\n        margin-bottom: 40px;\r\n    }\r\n    \r\n    .pricing-card {\r\n        padding: 50px 15px 25px;\r\n    }\r\n    \r\n    .pricing-amount {\r\n        font-size: 18px;\r\n    }\r\n    \r\n    .pricing-plan-name {\r\n        font-size: 18px;\r\n    }\r\n    \r\n    .plan-subtitle {\r\n        font-size: 14px;\r\n    }\r\n    \r\n    .pricing-period {\r\n        font-size: 14px;\r\n    }\r\n    \r\n    .pricing-features {\r\n        max-height: 250px;\r\n        -webkit-overflow-scrolling: touch;\r\n    }\r\n    \r\n    \/* K\u00fc\u00e7\u00fck mobilde scrollbar - Ok butonlar\u0131 olmadan *\/\r\n    .pricing-features::-webkit-scrollbar {\r\n        width: 3px;\r\n        height: 3px;\r\n    }\r\n    \r\n    .pricing-features::-webkit-scrollbar-track {\r\n        background: #f1f3f4;\r\n        border-radius: 1px;\r\n    }\r\n    \r\n    .pricing-features::-webkit-scrollbar-thumb {\r\n        background: linear-gradient(135deg, #ee2e2e 0%, #c41e3a 100%);\r\n        border-radius: 1px;\r\n    }\r\n    \r\n    .pricing-features::-webkit-scrollbar-thumb:hover {\r\n        background: linear-gradient(135deg, #c41e3a 0%, #8b0000 100%);\r\n    }\r\n    \r\n    \/* K\u00fc\u00e7\u00fck mobilde ok butonlar\u0131n\u0131 gizle *\/\r\n    .pricing-features::-webkit-scrollbar-button {\r\n        display: none !important;\r\n        width: 0 !important;\r\n        height: 0 !important;\r\n    }\r\n    \r\n    .pricing-features::-webkit-scrollbar-button:start:decrement,\r\n    .pricing-features::-webkit-scrollbar-button:end:increment,\r\n    .pricing-features::-webkit-scrollbar-button:vertical:start:decrement,\r\n    .pricing-features::-webkit-scrollbar-button:vertical:end:increment {\r\n        display: none !important;\r\n        width: 0 !important;\r\n        height: 0 !important;\r\n    }\r\n    \r\n    .pricing-features::-webkit-scrollbar-corner {\r\n        display: none !important;\r\n    }\r\n    \r\n    .features-list li {\r\n        font-size: 13px;\r\n        padding: 10px 0;\r\n        padding-left: 25px;\r\n    }\r\n    \r\n    .features-list li::before {\r\n        width: 16px;\r\n        height: 16px;\r\n        font-size: 10px;\r\n    }\r\n    \r\n    .pricing-slider .splide__arrow {\r\n        width: 40px;\r\n        height: 40px;\r\n        font-size: 14px;\r\n    }\r\n    \r\n    .pricing-slider .splide__arrow--prev {\r\n        left: -15px;\r\n    }\r\n    \r\n    .pricing-slider .splide__arrow--next {\r\n        right: -15px;\r\n    }\r\n}\r\n\r\n\/* Animation Classes *\/\r\n.pricing-card {\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n    animation: fadeInUp 0.6s ease forwards;\r\n}\r\n\r\n.pricing-card:nth-child(1) { animation-delay: 0.1s; }\r\n.pricing-card:nth-child(2) { animation-delay: 0.2s; }\r\n.pricing-card:nth-child(3) { animation-delay: 0.3s; }\r\n.pricing-card:nth-child(4) { animation-delay: 0.4s; }\r\n.pricing-card:nth-child(5) { animation-delay: 0.5s; }\r\n.pricing-card:nth-child(6) { animation-delay: 0.6s; }\r\n\r\n@keyframes fadeInUp {\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n\/* Loading State *\/\r\n.pricing-loading {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    height: 300px;\r\n}\r\n\r\n.pricing-loading::after {\r\n    content: '';\r\n    width: 40px;\r\n    height: 40px;\r\n    border: 4px solid #ecf0f1;\r\n    border-top: 4px solid #ee2e2e;\r\n    border-radius: 50%;\r\n    animation: spin 1s linear infinite;\r\n}\r\n\r\n@keyframes spin {\r\n    0% { transform: rotate(0deg); }\r\n    100% { transform: rotate(360deg); }\r\n}\r\n\r\n\r\n<\/style>\r\n\r\n    <!--  Statik HTML Web Tasar\u0131m Paketleri -->\r\n    <section class=\"pricing-section\">\r\n        <div class=\"pricing-container\">\r\n            <div class=\"pricing-title\">\r\n                <h2>Static HTML <br> Web Design Packages<\/h2>\r\n            <\/div>\r\n\r\n            <div class=\"pricing-slider splide\" id=\"statik-html-paketleri\">\r\n                <div class=\"splide__track\">\r\n                    <div class=\"splide__list\">\r\n                        <!-- Plan 1:  -->\r\n                        <div class=\"splide__slide\">\r\n                            <div class=\"pricing-card\">\r\n                                <div class=\"pricing-header\">\r\n                                    <h3 class=\"pricing-plan-name\">Standard<br><span class=\"plan-subtitle\">Package<\/span>\r\n                                    <\/h3>\r\n                                    <div class=\"pricing-price\">\r\n                                        <div class=\"pricing-amount\">\u20ba29.990 + KDV<\/div>\r\n                                        <div class=\"pricing-period\"><\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n\r\n                                <div class=\"pricing-features\">\r\n                                    <ul class=\"features-list\">\r\n                                        <li>Modern and responsive HTML\/CSS design<\/li>\r\n                                        <li>Mobile, tablet, and desktop compatibility<\/li>\r\n                                        <li>Basic UI\/UX configuration<\/li>\r\n                                        <li>Corporate homepage design<\/li>\r\n                                        <li>About Us & Contact pages<\/li>\r\n                                        <li>+3 additional pages<\/li>\r\n                                        <li>WhatsApp quick contact button<\/li>\r\n                                        <li>SEO-friendly HTML structure (title, meta, heading)<\/li>\r\n                                        <li>Basic performance optimization<\/li>\r\n                                        <li>Google Maps integration<\/li>\r\n                                        <li>Contact form setup<\/li>\r\n                                        <li>Launch and basic technical support<\/li>\r\n                                    <\/ul>\r\n                                <\/div>\r\n\r\n                                <div class=\"pricing-cta\">\r\n                                    <button class=\"pricing-btn popup-open-btn\">Contact Us<\/button>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Plan 2:  -->\r\n                        <div class=\"splide__slide\">\r\n                            <div class=\"pricing-card\">\r\n                                <div class=\"pricing-header\">\r\n                                    <h3 class=\"pricing-plan-name\">Pro<br><span class=\"plan-subtitle\">Package<\/span><\/h3>\r\n                                    <div class=\"pricing-price\">\r\n                                        <div class=\"pricing-amount\">\u20ba49.990 + KDV<\/div>\r\n                                        <div class=\"pricing-period\"><\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n\r\n                                <div class=\"pricing-features\">\r\n                                    <ul class=\"features-list\">\r\n                                        <li>Standard Package features +<\/li>\r\n                                        <li>Custom UI\/UX design work<\/li>\r\n                                        <li>Corporate color & typography compatibility<\/li>\r\n                                        <li>+7 additional pages<\/li>\r\n                                        <li>Advanced contact forms<\/li>\r\n                                        <li>Page transition and hover animations<\/li>\r\n                                        <li>Advanced SEO infrastructure<\/li>\r\n                                        <li>Speed optimization focused on Core Web Vitals<\/li>\r\n                                        <li>Google Analytics setup<\/li>\r\n                                        <li>SSL & security configuration<\/li>\r\n                                        <li>1 year of hosting & technical support<\/li>\r\n                                    <\/ul>\r\n                                <\/div>\r\n\r\n                                <div class=\"pricing-cta\">\r\n                                    <button class=\"pricing-btn popup-open-btn\">Contact Us<\/button>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Plan 3:  -->\r\n                        <div class=\"splide__slide\">\r\n                            <div class=\"pricing-card featured\">\r\n                                <div class=\"featured-badge\">Popular<\/div>\r\n                                <div class=\"pricing-header\">\r\n                                    <h3 class=\"pricing-plan-name\">Gold<br><span class=\"plan-subtitle\">Package<\/span><\/h3>\r\n                                    <div class=\"pricing-price\">\r\n                                        <div class=\"pricing-amount\">\u20ba69.990 + KDV<\/div>\r\n                                        <div class=\"pricing-period\"><\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n\r\n                                <div class=\"pricing-features\">\r\n                                    <ul class=\"features-list\">\r\n                                        <li>Pro Package features +<\/li>\r\n                                        <li>Fully brand-specific design<\/li>\r\n                                        <li>Micro animations & interactive areas<\/li>\r\n                                        <li>+12 additional pages<\/li>\r\n                                        <li>Multilanguage infrastructure (static)<\/li>\r\n                                        <li>Advanced SEO technical structure<\/li>\r\n                                        <li>CDN & cache integration<\/li>\r\n                                        <li>High-performance hosting<\/li>\r\n                                        <li>Post-launch maintenance & support<\/li>\r\n                                        <li>1 year of renewable service<\/li>\r\n\r\n                                    <\/ul>\r\n                                <\/div>\r\n\r\n                                <div class=\"pricing-cta\">\r\n                                    <button class=\"pricing-btn popup-open-btn\">Contact Us<\/button>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!--   WordPress Web Tasar\u0131m (CMS) Paketleri -->\r\n    <section class=\"pricing-section\">\r\n        <div class=\"pricing-container\">\r\n            <div class=\"pricing-title\">\r\n                <h2>WordPress <br> Web Design (CMS) Packages<\/h2>\r\n            <\/div>\r\n\r\n            <div class=\"pricing-slider splide\" id=\"statik-html-paketleri\">\r\n                <div class=\"splide__track\">\r\n                    <div class=\"splide__list\">\r\n                        <!-- Plan 1:  -->\r\n                        <div class=\"splide__slide\">\r\n                            <div class=\"pricing-card\">\r\n                                <div class=\"pricing-header\">\r\n                                    <h3 class=\"pricing-plan-name\">Standard<br><span class=\"plan-subtitle\">Package<\/span>\r\n                                    <\/h3>\r\n                                    <div class=\"pricing-price\">\r\n                                        <div class=\"pricing-amount\">\u20ba49.990 + KDV<\/div>\r\n                                        <div class=\"pricing-period\"><\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n\r\n                                <div class=\"pricing-features\">\r\n                                    <ul class=\"features-list\">\r\n                                        <li>WordPress CMS setup<\/li>\r\n                                        <li>Responsive ready-made theme customization<\/li>\r\n                                        <li>Corporate homepage design<\/li>\r\n                                        <li>+5 pages<\/li>\r\n                                        <li>Blog infrastructure<\/li>\r\n                                        <li>SEO-friendly theme structure<\/li>\r\n                                        <li>Security and speed plugins<\/li>\r\n                                        <li>WhatsApp button<\/li>\r\n                                        <li>Contact forms<\/li>\r\n                                        <li>Basic admin panel training<\/li>\r\n                                    <\/ul>\r\n                                <\/div>\r\n\r\n                                <div class=\"pricing-cta\">\r\n                                    <button class=\"pricing-btn popup-open-btn\">Contact Us<\/button>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Plan 2:  -->\r\n                        <div class=\"splide__slide\">\r\n                            <div class=\"pricing-card\">\r\n                                <div class=\"pricing-header\">\r\n                                    <h3 class=\"pricing-plan-name\">Pro<br><span class=\"plan-subtitle\">Package<\/span><\/h3>\r\n                                    <div class=\"pricing-price\">\r\n                                        <div class=\"pricing-amount\">\u20ba89.990 + KDV<\/div>\r\n                                        <div class=\"pricing-period\"><\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n\r\n                                <div class=\"pricing-features\">\r\n                                    <ul class=\"features-list\">\r\n                                        <li>Standard Package features +<\/li>\r\n                                        <li>Custom UI\/UX design<\/li>\r\n                                        <li>Theme & plugin optimization<\/li>\r\n                                        <li>+10 pages<\/li>\r\n                                        <li>Advanced blog & category structure<\/li>\r\n                                        <li>RankMath \/ Yoast SEO setup<\/li>\r\n                                        <li>Google Analytics & Search Console integration<\/li>\r\n                                        <li>Performance and cache optimization<\/li>\r\n                                        <li>Backup & security system<\/li>\r\n                                        <li>Panel training<\/li>\r\n                                        <li>1 year of technical support<\/li>\r\n                                    <\/ul>\r\n                                <\/div>\r\n\r\n                                <div class=\"pricing-cta\">\r\n                                    <button class=\"pricing-btn popup-open-btn\">Contact Us<\/button>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Plan 3:  -->\r\n                        <div class=\"splide__slide\">\r\n                            <div class=\"pricing-card featured\">\r\n                                <div class=\"featured-badge\">Popular<\/div>\r\n                                <div class=\"pricing-header\">\r\n                                    <h3 class=\"pricing-plan-name\">Gold<br><span class=\"plan-subtitle\">Package<\/span><\/h3>\r\n                                    <div class=\"pricing-price\">\r\n                                        <div class=\"pricing-amount\">\u20ba159.990 + KDV<\/div>\r\n                                        <div class=\"pricing-period\"><\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n\r\n                                <div class=\"pricing-features\">\r\n                                    <ul class=\"features-list\">\r\n                                        <li>Pro Package features +<\/li>\r\n                                        <li>Custom WordPress theme development<\/li>\r\n                                        <li>Advanced UI\/UX and interactive design<\/li>\r\n                                        <li>+20 pages<\/li>\r\n                                        <li>Multilanguage (WPML \/ Polylang)<\/li>\r\n                                        <li>Advanced SEO configuration<\/li>\r\n                                        <li>PageSpeed & CWV optimization<\/li>\r\n                                        <li>Weekly backup<\/li>\r\n                                        <li>Continuous maintenance & monitoring<\/li>\r\n                                        <li>12 months of hosting, support, and warranty<\/li>\r\n\r\n                                    <\/ul>\r\n                                <\/div>\r\n\r\n                                <div class=\"pricing-cta\">\r\n                                    <button class=\"pricing-btn popup-open-btn\">Contact Us<\/button>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n\r\n    <!--   WordPress Web Design (CMS) Packages -->\r\n    <section class=\"pricing-section\">\r\n        <div class=\"pricing-container\">\r\n            <div class=\"pricing-title\">\r\n                <h2>Umbraco <br> Web Design (CMS) Packages<\/h2>\r\n            <\/div>\r\n\r\n            <div class=\"pricing-slider splide\" id=\"statik-html-paketleri\">\r\n                <div class=\"splide__track\">\r\n                    <div class=\"splide__list\">\r\n                        <!-- Plan 1:  -->\r\n                        <div class=\"splide__slide\">\r\n                            <div class=\"pricing-card\">\r\n                                <div class=\"pricing-header\">\r\n                                    <h3 class=\"pricing-plan-name\">Standard<br><span class=\"plan-subtitle\">Package<\/span>\r\n                                    <\/h3>\r\n                                    <div class=\"pricing-price\">\r\n                                        <div class=\"pricing-amount\">\u20ba89.990 + KDV<\/div>\r\n                                        <div class=\"pricing-period\"><\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n\r\n                                <div class=\"pricing-features\">\r\n                                    <ul class=\"features-list\">\r\n                                        <li>Umbraco CMS setup<\/li>\r\n                                        <li>Responsive interface<\/li>\r\n                                        <li>Corporate homepage<\/li>\r\n                                        <li>+5 content pages<\/li>\r\n                                        <li>SEO-friendly page structure<\/li>\r\n                                        <li>Secure .NET infrastructure<\/li>\r\n                                        <li>Contact forms<\/li>\r\n                                        <li>Admin panel training<\/li>\r\n                                    <\/ul>\r\n                                <\/div>\r\n\r\n                                <div class=\"pricing-cta\">\r\n                                    <button class=\"pricing-btn popup-open-btn\">Contact Us<\/button>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Plan 2:  -->\r\n                        <div class=\"splide__slide\">\r\n                            <div class=\"pricing-card\">\r\n                                <div class=\"pricing-header\">\r\n                                    <h3 class=\"pricing-plan-name\">Pro<br><span class=\"plan-subtitle\">Package<\/span><\/h3>\r\n                                    <div class=\"pricing-price\">\r\n                                        <div class=\"pricing-amount\">\u20ba159.990 + KDV<\/div>\r\n                                        <div class=\"pricing-period\"><\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n\r\n                                <div class=\"pricing-features\">\r\n                                    <ul class=\"features-list\">\r\n                                        <li>Standard Package features +<\/li>\r\n                                        <li>Custom UI\/UX design<\/li>\r\n                                        <li>Custom document type structure<\/li>\r\n                                        <li>+12 pages<\/li>\r\n                                        <li>Blog & dynamic content management<\/li>\r\n                                        <li>Google Analytics & Search Console<\/li>\r\n                                        <li>Performance optimization<\/li>\r\n                                        <li>Security & authorization system<\/li>\r\n                                        <li>1 year of technical support<\/li>\r\n                                    <\/ul>\r\n                                <\/div>\r\n\r\n                                <div class=\"pricing-cta\">\r\n                                    <button class=\"pricing-btn popup-open-btn\">Contact Us<\/button>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Plan 3:  -->\r\n                        <div class=\"splide__slide\">\r\n                            <div class=\"pricing-card featured\">\r\n                                <div class=\"featured-badge\">Popular<\/div>\r\n                                <div class=\"pricing-header\">\r\n                                    <h3 class=\"pricing-plan-name\">Gold<br><span class=\"plan-subtitle\">Package<\/span><\/h3>\r\n                                    <div class=\"pricing-price\">\r\n                                        <div class=\"pricing-amount\">\u20ba329.990 + KDV<\/div>\r\n                                        <div class=\"pricing-period\"><\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n\r\n                                <div class=\"pricing-features\">\r\n                                    <ul class=\"features-list\">\r\n                                        <li>Pro Package features +<\/li>\r\n                                        <li>Fully custom Umbraco development<\/li>\r\n                                        <li>Advanced UI\/UX & animations<\/li>\r\n                                        <li>+25 pages<\/li>\r\n                                        <li>Multilanguage and role-based user system<\/li>\r\n                                        <li>API integrations<\/li>\r\n                                        <li>High-traffic structure optimization<\/li>\r\n                                        <li>Weekly backup<\/li>\r\n                                        <li>Weekly maintenance & backup<\/li>\r\n                                        <li>12 months of hosting, support, monitoring<\/li>\r\n\r\n                                    <\/ul>\r\n                                <\/div>\r\n\r\n                                <div class=\"pricing-cta\">\r\n                                    <button class=\"pricing-btn popup-open-btn\">Contact Us<\/button>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!--   NopCommerce E-Commerce Packages -->\r\n    <section class=\"pricing-section\">\r\n        <div class=\"pricing-container\">\r\n            <div class=\"pricing-title\">\r\n                <h2>NopCommerce <br> E-Commerce Packages<\/h2>\r\n            <\/div>\r\n\r\n            <div class=\"pricing-slider splide\" id=\"statik-html-paketleri\">\r\n                <div class=\"splide__track\">\r\n                    <div class=\"splide__list\">\r\n                        <!-- Plan 1:  -->\r\n                        <div class=\"splide__slide\">\r\n                            <div class=\"pricing-card\">\r\n                                <div class=\"pricing-header\">\r\n                                    <h3 class=\"pricing-plan-name\">Standard<br><span class=\"plan-subtitle\">Package<\/span>\r\n                                    <\/h3>\r\n                                    <div class=\"pricing-price\">\r\n                                        <div class=\"pricing-amount\">\u20ba159.990 + KDV<\/div>\r\n                                        <div class=\"pricing-period\"><\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n\r\n                                <div class=\"pricing-features\">\r\n                                    <ul class=\"features-list\">\r\n                                        <li>NopCommerce setup<\/li>\r\n                                        <li>Responsive e-commerce design<\/li>\r\n                                        <li>Product, category, and brand management<\/li>\r\n                                        <li>Cart & payment infrastructure<\/li>\r\n                                        <li>Basic payment & shipping integrations<\/li>\r\n                                        <li>Admin panel training<\/li>\r\n                                        <li>Security and performance settings<\/li>\r\n                                        <li>Open-source code<\/li>\r\n                                    <\/ul>\r\n                                <\/div>\r\n\r\n                                <div class=\"pricing-cta\">\r\n                                    <button class=\"pricing-btn popup-open-btn\">Contact Us<\/button>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Plan 2:  -->\r\n                        <div class=\"splide__slide\">\r\n                            <div class=\"pricing-card\">\r\n                                <div class=\"pricing-header\">\r\n                                    <h3 class=\"pricing-plan-name\">Pro<br><span class=\"plan-subtitle\">Package<\/span><\/h3>\r\n                                    <div class=\"pricing-price\">\r\n                                        <div class=\"pricing-amount\">\u20ba329.990 + KDV<\/div>\r\n                                        <div class=\"pricing-period\"><\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n\r\n                                <div class=\"pricing-features\">\r\n                                    <ul class=\"features-list\">\r\n                                        <li>Standard Package features +<\/li>\r\n                                        <li>Custom e-commerce UI\/UX design<\/li>\r\n                                        <li>Advanced filtering & variant structure<\/li>\r\n                                        <li>Campaign & discount modules<\/li>\r\n                                        <li>SEO-friendly product pages<\/li>\r\n                                        <li>Analytics & conversion tracking<\/li>\r\n                                        <li>Performance optimization<\/li>\r\n                                        <li>1 year of technical support<\/li>\r\n                                        <li>Open-source code<\/li>\r\n                                    <\/ul>\r\n                                <\/div>\r\n\r\n                                <div class=\"pricing-cta\">\r\n                                    <button class=\"pricing-btn popup-open-btn\">Contact Us<\/button>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Plan 3:  -->\r\n                        <div class=\"splide__slide\">\r\n                            <div class=\"pricing-card featured\">\r\n                                <div class=\"featured-badge\">Popular<\/div>\r\n                                <div class=\"pricing-header\">\r\n                                    <h3 class=\"pricing-plan-name\">Gold<br><span class=\"plan-subtitle\">Package<\/span><\/h3>\r\n                                    <div class=\"pricing-price\">\r\n                                        <div class=\"pricing-amount\">\u20ba699.990 + KDV<\/div>\r\n                                        <div class=\"pricing-period\"><\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n\r\n                                <div class=\"pricing-features\">\r\n                                    <ul class=\"features-list\">\r\n                                        <li>Pro Package features +<\/li>\r\n                                        <li>Fully custom e-commerce experience<\/li>\r\n                                        <li>Custom plugin development<\/li>\r\n                                        <li>ERP \/ accounting integrations<\/li>\r\n                                        <li>Multilanguage & multicurrency<\/li>\r\n                                        <li>High-traffic system architecture<\/li>\r\n                                        <li>Security, monitoring & backup<\/li>\r\n                                        <li>12 months of maintenance, hosting, and warranty<\/li>\r\n                                        <li>Open-source code<\/li>\r\n\r\n                                    <\/ul>\r\n                                <\/div>\r\n\r\n                                <div class=\"pricing-cta\">\r\n                                    <button class=\"pricing-btn popup-open-btn\">Contact Us<\/button>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n\r\n    <script>\r\n\r\n\/\/ Fiyat Planlar\u0131 Slider JavaScript\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    \/\/ Birden fazla pricing slider'\u0131 desteklemek i\u00e7in t\u00fcm .pricing-slider elemanlar\u0131n\u0131 se\u00e7\r\n    var pricingSliderElements = document.querySelectorAll('.pricing-slider');\r\n    var pricingSliders = []; \/\/ Her section i\u00e7in Splide instance'\u0131n\u0131 saklayaca\u011f\u0131z\r\n\r\n    \/\/ Ekran geni\u015fli\u011fine g\u00f6re aktif perPage de\u011ferini hesaplayan yard\u0131mc\u0131 fonksiyon\r\n    function getCurrentPerPage(slider) {\r\n        var basePerPage = slider.options.perPage || 1;\r\n        var breakpoints = slider.options.breakpoints || {};\r\n        var width = window.innerWidth;\r\n        var matchedPerPage = basePerPage;\r\n\r\n        \/\/ Breakpoint'leri k\u00fc\u00e7\u00fckten b\u00fcy\u00fc\u011fe s\u0131rala\r\n        Object.keys(breakpoints)\r\n            .map(function(bp) { return parseInt(bp, 10); })\r\n            .sort(function(a, b) { return a - b; })\r\n            .forEach(function(bp) {\r\n                if (width <= bp) {\r\n                    var bpOptions = breakpoints[bp] || {};\r\n                    if (bpOptions.perPage) {\r\n                        matchedPerPage = bpOptions.perPage;\r\n                    }\r\n                }\r\n            });\r\n\r\n        return matchedPerPage;\r\n    }\r\n\r\n    \/\/ Her slider i\u00e7in oklar\u0131n g\u00f6r\u00fcn\u00fcrl\u00fc\u011f\u00fcn\u00fc kontrol eden fonksiyon\r\n    function updateArrowsVisibility(slider) {\r\n        var slidesCount = slider.length || 0;\r\n        var perPage = getCurrentPerPage(slider);\r\n        var showArrows = slidesCount > perPage;\r\n\r\n        var arrows = slider.root.querySelectorAll('.splide__arrow');\r\n        arrows.forEach(function(arrow) {\r\n            arrow.style.display = showArrows ? 'block' : 'none';\r\n        });\r\n    }\r\n\r\n    \/\/ Her bir slider i\u00e7in Splide ba\u015flat\r\n    pricingSliderElements.forEach(function(sliderEl) {\r\n        var pricingSlider = new Splide(sliderEl, {\r\n            type: 'slide',\r\n            perPage: 3,\r\n            perMove: 1,\r\n            gap: '30px',\r\n            padding: '0px',\r\n            arrows: true,\r\n            pagination: false,\r\n            drag: true,\r\n            keyboard: true,\r\n            focus: 'start',\r\n            autoplay: false, \/\/ Autoplay kapal\u0131\r\n            interval: 0,\r\n            pauseOnHover: false,\r\n            pauseOnFocus: false,\r\n            resetProgress: false,\r\n            height: 'auto',\r\n            fixedHeight: false,\r\n            breakpoints: {\r\n                1200: {\r\n                    perPage: 3,\r\n                    gap: '25px',\r\n                    padding: '0px',\r\n                    arrows: true,\r\n                },\r\n                992: {\r\n                    perPage: 2,\r\n                    gap: '20px',\r\n                    padding: '0px',\r\n                    arrows: true,\r\n                },\r\n                768: {\r\n                    perPage: 1,\r\n                    gap: '15px',\r\n                    padding: '0px',\r\n                    arrows: true,\r\n                    pagination: false,\r\n                },\r\n                480: {\r\n                    perPage: 1,\r\n                    gap: '10px',\r\n                    padding: '0px',\r\n                    arrows: true,\r\n                    pagination: false,\r\n                }\r\n            }\r\n        });\r\n\r\n        \/\/ Slider'\u0131 mount et\r\n        pricingSlider.mount();\r\n\r\n        \/\/ \u0130lk y\u00fcklemede ok g\u00f6r\u00fcn\u00fcrl\u00fc\u011f\u00fcn\u00fc ayarla\r\n        updateArrowsVisibility(pricingSlider);\r\n\r\n        \/\/ Bu slider'\u0131n ait oldu\u011fu section'\u0131 da sakla (klavye navigasyonu i\u00e7in)\r\n        var section = sliderEl.closest('.pricing-section');\r\n        pricingSliders.push({\r\n            section: section,\r\n            instance: pricingSlider\r\n        });\r\n\r\n        \/\/ Her slider i\u00e7in olaylar\u0131 dinle\r\n        pricingSlider.on('moved', function(newIndex) {\r\n            console.log('Slider moved to:', newIndex);\r\n        });\r\n\r\n        pricingSlider.on('click', function(slide, e) {\r\n            console.log('Slider clicked:', slide, e);\r\n        });\r\n\r\n        \/\/ Slider yeniden boyutland\u0131\u011f\u0131nda (responsive k\u0131r\u0131l\u0131mlar) ok g\u00f6r\u00fcn\u00fcrl\u00fc\u011f\u00fcn\u00fc g\u00fcncelle\r\n        pricingSlider.on('resized', function() {\r\n            updateArrowsVisibility(pricingSlider);\r\n        });\r\n\r\n        \/\/ Touch\/swipe deste\u011fi i\u00e7in ek ayarlar\r\n        if ('ontouchstart' in window) {\r\n            pricingSlider.options.drag = true;\r\n            pricingSlider.options.keyboard = true;\r\n        }\r\n    });\r\n\r\n    \/\/ Pricing butonlar\u0131 zaten popup-open-btn class'\u0131na sahip ve functions.js'te tan\u0131ml\u0131\r\n    \/\/ Ekstra kod gerekmez\r\n\r\n    \/\/ Scroll animasyonu i\u00e7in Intersection Observer\r\n    const observerOptions = {\r\n        threshold: 0.1,\r\n        rootMargin: '0px 0px -50px 0px'\r\n    };\r\n\r\n    const observer = new IntersectionObserver(function(entries) {\r\n        entries.forEach(function(entry) {\r\n            if (entry.isIntersecting) {\r\n                entry.target.classList.add('animate-in');\r\n            }\r\n        });\r\n    }, observerOptions);\r\n\r\n    \/\/ Pricing kartlar\u0131n\u0131 g\u00f6zlemle\r\n    const pricingCards = document.querySelectorAll('.pricing-card');\r\n    pricingCards.forEach(function(card) {\r\n        observer.observe(card);\r\n    });\r\n\r\n    \/\/ Keyboard navigation - aktif section i\u00e7indeki slider'\u0131 kontrol et\r\n    document.addEventListener('keydown', function(e) {\r\n        const section = e.target.closest('.pricing-section');\r\n        if (!section) return;\r\n\r\n        const sliderData = pricingSliders.find(function(item) {\r\n            return item.section === section;\r\n        });\r\n\r\n        if (!sliderData) return;\r\n\r\n        if (e.key === 'ArrowLeft') {\r\n            sliderData.instance.go('<');\r\n        } else if (e.key === 'ArrowRight') {\r\n            sliderData.instance.go('>');\r\n        }\r\n    });\r\n});\r\n\r\n\r\n    <\/script>\r\n\r\n    \r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d45ba3d elementor-hidden-tablet elementor-hidden-mobile popup-open-btn pbmit-animation-none elementor-widget elementor-widget-image\" data-id=\"d45ba3d\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1581\" height=\"111\" src=\"https:\/\/www.aora.com.tr\/wp-content\/uploads\/2026\/05\/basari-hikayesi-en.png\" class=\"attachment-2048x2048 size-2048x2048 wp-image-7713\" alt=\"\" srcset=\"https:\/\/www.aora.com.tr\/wp-content\/uploads\/2026\/05\/basari-hikayesi-en.png 1581w, https:\/\/www.aora.com.tr\/wp-content\/uploads\/2026\/05\/basari-hikayesi-en-300x21.png 300w, https:\/\/www.aora.com.tr\/wp-content\/uploads\/2026\/05\/basari-hikayesi-en-1024x72.png 1024w, https:\/\/www.aora.com.tr\/wp-content\/uploads\/2026\/05\/basari-hikayesi-en-768x54.png 768w, https:\/\/www.aora.com.tr\/wp-content\/uploads\/2026\/05\/basari-hikayesi-en-1536x108.png 1536w\" sizes=\"(max-width: 1581px) 100vw, 1581px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e96bc98 pbmit-col-stretched-none pbmit-cursor-color-blackish-color pbmit-bg-color-over-image elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e96bc98\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ca514bc pbmit-bg-color-over-image\" data-id=\"ca514bc\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-552f341 elementor-widget elementor-widget-text-editor\" data-id=\"552f341\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-132692f pbmit-col-stretched-none pbmit-cursor-color-blackish-color pbmit-bg-color-over-image elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"132692f\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ef8d90e pbmit-bg-color-over-image\" data-id=\"ef8d90e\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e677321 elementor-widget elementor-widget-text-editor\" data-id=\"e677321\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<h2>Web Design Prices 2026<\/h2><p>Web design prices in 2026 range between 30,000 TL and 70,000 TL. Custom web design prices range between 70,000 TL and 329,000 TL. Prices may vary depending on the scope of the project, the requested features, and the level of infrastructure to be developed.<\/p><p data-start=\"0\" data-end=\"395\">The main factor that determines the price in website design processes is whether the project will be only a corporate showcase or a business-oriented digital infrastructure. While standard web design packages are preferred for simpler corporate structures, custom web design projects include details such as brand-specific interface design, an advanced management panel, custom software modules, and SEO-oriented technical infrastructure.<\/p><h2 data-start=\"0\" data-end=\"47\">Factors That Determine Web Design Prices<\/h2><p data-start=\"49\" data-end=\"228\">Web design prices are determined according to the technical scope of the project, the level of design, and the required features. The following factors directly affect pricing:<\/p><ul><li>Preference for CMS Infrastructure or Custom Software Development<\/li><li>SEO Optimization Level<\/li><li>Hosting Infrastructure, SSL Security, and Technical Maintenance Services<\/li><li>Number of Pages and Content Density<\/li><li>Multilanguage Publishing Structure<\/li><li>Development Level and Technical Infrastructure Scope<\/li><\/ul><h2 data-start=\"0\" data-end=\"49\">Why Do Web Design Prices Constantly Change?<\/h2><p data-start=\"51\" data-end=\"355\">The main reason why web design prices constantly change is that each project has different needs and different technical requirements. As the scope of a website design project expands, as the requested features increase, and as the development level rises, pricing changes accordingly.<\/p><p data-start=\"357\" data-end=\"657\" data-is-last-node=\"\" data-is-only-node=\"\">Factors such as original design, custom software developments, SEO optimization level, multilanguage support, and additional functions directly affect web design prices. Therefore, each project is evaluated separately, and prices are determined without being limited to a standard template.<\/p><h2 data-start=\"0\" data-end=\"34\">WordPress Web Design Prices<\/h2><p data-start=\"36\" data-end=\"297\">WordPress web design prices for 2026 range between 50,000 TL and 160,000 TL. The price range is determined according to the scope of the project, the theme to be used or custom interface work, plugin requirements, and the functions to be developed.<\/p><p data-start=\"299\" data-end=\"632\">Thanks to its flexible structure and manageable content system, WordPress infrastructure is preferred for both corporate website design and more comprehensive projects. Technical work such as SEO-friendly setup, speed optimization, mobile compatibility, and security settings also directly affects WordPress web design prices.<\/p><h2 data-start=\"0\" data-end=\"29\">E-Commerce Website Prices<\/h2><p data-start=\"31\" data-end=\"283\">E-commerce website prices for 2026 range between 160,000 TL and 700,000 TL for projects prepared with NopCommerce infrastructure. Projects are delivered with open-source code, and 12 months of maintenance and hosting service are included in the price.<\/p><p data-start=\"31\" data-end=\"283\">E-commerce projects developed with NopCommerce infrastructure offer a structure suitable for professional sales operations thanks to high product capacity, advanced order management, payment and shipping integrations, campaign modules, and scalable architecture. We plan and deliver our projects not only as a visual e-commerce website, but also as a sales-oriented, manageable, and long-term scalable digital commerce infrastructure.<\/p><h2 data-start=\"31\" data-end=\"283\">Frequently Asked Questions About Web Design Prices<\/h2><h3 data-start=\"0\" data-end=\"58\">What Are Your Web Design Packages and What Are the Differences?<\/h3><p data-start=\"60\" data-end=\"661\">Our web design packages are divided into 4 main groups according to needs. Static HTML web design packages are preferred for simpler and faster corporate websites that do not require a management panel. WordPress web design packages offer a flexible CMS infrastructure where content can be easily managed and updated. Umbraco web design packages are suitable for projects that require more corporate and advanced content management. NopCommerce e-commerce packages provide a professional e-commerce infrastructure with product and order management, designed specifically for companies that want to sell online.<\/p><h3 data-start=\"0\" data-end=\"49\">Why Are Corporate Website Prices Different?<\/h3><p data-start=\"51\" data-end=\"399\">Corporate website prices vary because the scope of the project, the design level, and the required technical features differ. Since every website design project does not have the same structure, the number of pages, the need for custom design, CMS infrastructure, SEO optimization level, and the functions to be developed directly affect the price.<\/p><h3 data-start=\"0\" data-end=\"57\">Are Hosting and Domain Included in Your Web Design Packages?<\/h3><p data-start=\"59\" data-end=\"324\" data-is-last-node=\"\" data-is-only-node=\"\">Hosting and domain services are included in our web design packages for 12 months. With project delivery, your website is set up ready for publication, and hosting and domain services are provided by us during the first year.<\/p><h3 data-start=\"0\" data-end=\"47\">Is There a Revision Right in Website Projects?<\/h3><p data-start=\"49\" data-end=\"259\">Website projects include a certain number of revision rights. The revision process proceeds within the scope determined at the beginning of the project, and design approval stages are managed in a controlled manner.<\/p><h3 data-start=\"266\" data-end=\"335\">How Are Multilanguage Website Prices Determined?<\/h3><p data-start=\"337\" data-end=\"625\">In multilanguage website design projects, pricing is determined according to the number of languages to be added, the management of the content structure, URL architecture, and technical infrastructure requirements. As the number of languages increases, the content management and development process expands, so costs change accordingly.<\/p><h3 data-start=\"632\" data-end=\"691\">Will My Website Rank on the First Page of Google?<\/h3><p data-start=\"693\" data-end=\"946\">A web design project alone does not guarantee first-page ranking on Google. To rank higher in search engines, <a href=\"https:\/\/www.aora.com.tr\/en\/seo-service\/corporate-seo-consulting\/\"><strong>SEO consultancy<\/strong><\/a> service is required.<\/p><h3 data-start=\"953\" data-end=\"995\">How Many Days Does Website Design Take?<\/h3><p data-start=\"997\" data-end=\"1210\" data-is-last-node=\"\" data-is-only-node=\"\">Website design projects are completed on average within 14 to 30 days. Delivery time may vary depending on the scope of the project, the content preparation process, and the requested developments.<\/p><h3 data-start=\"0\" data-end=\"35\">Are Your Websites Mobile-Friendly?<\/h3><p data-start=\"37\" data-end=\"301\" data-is-last-node=\"\" data-is-only-node=\"\">All website design projects we prepare are developed as mobile-friendly and responsive. Websites are optimized to work smoothly on phones, tablets, and desktop devices, while the user experience is preserved across all screen sizes.<\/p><h3 data-start=\"0\" data-end=\"53\">Is SEO Work Included in the Websites You Design?<\/h3><p data-start=\"55\" data-end=\"459\" data-is-last-node=\"\" data-is-only-node=\"\">Our web design packages include basic SEO infrastructure. More comprehensive optimization and ranking efforts are supported with <a href=\"https:\/\/www.aora.com.tr\/en\/seo-packages\/\"><strong>SEO packages<\/strong><\/a> that can be purchased after the project.<\/p><h3 data-start=\"0\" data-end=\"67\">Can I Manage the Content Myself After Web Design?<\/h3><p data-start=\"69\" data-end=\"332\" data-is-last-node=\"\" data-is-only-node=\"\">In website projects where we design CMS infrastructure, you can easily manage the content yourself through the panel. Page content, images, and basic text updates can be edited through the management panel without requiring technical knowledge.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Static HTML Web Design Packages StandardPackage \u20ba29.990 + KDV Modern and responsive HTML\/CSS design Mobile, tablet, and desktop compatibility Basic UI\/UX configuration Corporate homepage design About Us &#038; Contact pages +3 additional pages WhatsApp quick contact button SEO-friendly HTML structure (title, meta, heading) Basic performance optimization Google Maps integration Contact form setup Launch and basic [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":6,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-7093","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.aora.com.tr\/en\/wp-json\/wp\/v2\/pages\/7093","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.aora.com.tr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.aora.com.tr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.aora.com.tr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.aora.com.tr\/en\/wp-json\/wp\/v2\/comments?post=7093"}],"version-history":[{"count":19,"href":"https:\/\/www.aora.com.tr\/en\/wp-json\/wp\/v2\/pages\/7093\/revisions"}],"predecessor-version":[{"id":7950,"href":"https:\/\/www.aora.com.tr\/en\/wp-json\/wp\/v2\/pages\/7093\/revisions\/7950"}],"wp:attachment":[{"href":"https:\/\/www.aora.com.tr\/en\/wp-json\/wp\/v2\/media?parent=7093"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}