{"id":3926,"date":"2025-07-08T01:10:25","date_gmt":"2025-07-08T01:10:25","guid":{"rendered":"http:\/\/sarmedya.com\/?page_id=3926"},"modified":"2025-09-26T22:23:21","modified_gmt":"2025-09-26T22:23:21","slug":"tasarimreklam","status":"publish","type":"page","link":"https:\/\/sarmedya.com\/en\/tasarimreklam\/","title":{"rendered":"tasar\u0131mreklam"},"content":{"rendered":"<div id=\"fws_69e246603c5a9\"  data-column-margin=\"default\" data-midnight=\"dark\"  class=\"wpb_row vc_row-fluid vc_row full-width-content vc_row-o-equal-height vc_row-flex vc_row-o-content-top\"  style=\"padding-top: 0px; padding-bottom: 0px; \"><div class=\"row-bg-wrap\" data-bg-animation=\"none\" data-bg-overlay=\"false\"><div class=\"inner-wrap\"><div class=\"row-bg viewport-desktop\"  style=\"\"><\/div><\/div><\/div><div class=\"row_col_wrap_12 col span_12 dark left\">\n\t<div  class=\"vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone\"  data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t\t<div class=\"wpb_wrapper\">\n\t\t\t\t\n\t<div class=\"wpb_raw_code wpb_content_element wpb_raw_html\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"sarmedya-design-packages\">\n    <!-- Hero Section with Parallax -->\n    <section class=\"design-hero\">\n        <div class=\"parallax-bg\" style=\"background-image: url('http:\/\/sarmedya.com\/wp-content\/uploads\/2025\/07\/u2699494987_a_sleek_and_professional_digital_marketing_and_cr_c8be1115-1bab-4c3b-9a59-b9481474ad90_2.png');\"><\/div>\n        <div class=\"hero-content\">\n            <div class=\"container\">\n                <div class=\"hero-text\" data-aos=\"fade-up\" data-aos-duration=\"1000\">\n                    <img decoding=\"async\" src=\"http:\/\/sarmedya.com\/wp-content\/uploads\/2025\/04\/SARGUT-Technological-Revolution-Agency.png\" alt=\"Sarmedya Logo\" style=\"max-width: 300px; margin-bottom: 30px;\">\n                    <h1>Profesyonel <span>Tasar\u0131m & Reklam<\/span> \u00c7\u00f6z\u00fcmleri<\/h1>\n                    <p class=\"subtitle\" style=\"color: #000000;\">Markan\u0131z\u0131n dijital kimli\u011fini g\u00fc\u00e7lendirecek kapsaml\u0131 hizmetler<\/p>\n                    <div class=\"hero-cta\">\n                        <a href=\"#packages\" class=\"cta-button with-icon\">\n                            <span>Paketleri Ke\u015ffet<\/span>\n                            <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                            <\/svg>\n                        <\/a>\n                        <a href=\"#contact\" class=\"secondary-button with-icon\">\n                            <span>\u0130leti\u015fime Ge\u00e7<\/span>\n                            <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <path d=\"M4 4H20C21.1 4 22 4.9 22 6V18C22 19.1 21.1 20 20 20H4C2.9 20 2 19.1 2 18V6C2 4.9 2.9 4 4 4Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                <path d=\"M22 6L12 13L2 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                            <\/svg>\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"hero-scroll-indicator\">\n            <span>Ke\u015ffet<\/span>\n            <div class=\"mouse\">\n                <div class=\"wheel\"><\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Clients Logo Carousel -->\n    <section class=\"clients-section\">\n        <div class=\"container\">\n            <div class=\"section-header\" data-aos=\"fade-up\">\n                <p class=\"section-subtitle\">G\u00fcvenen Markalar<\/p>\n                <h2>Referanslar\u0131m\u0131z<\/h2>\n            <\/div>\n            <div class=\"client-logos\">\n                <div class=\"logo-track\">\n                    <div class=\"logo-item\">\n                        <img decoding=\"async\" src=\"http:\/\/sarmedya.com\/wp-content\/uploads\/2022\/12\/ELITE-DIZAYN-MOBILYA-LOGO-2.png\" alt=\"Elite Dizayn Mobilya\">\n                    <\/div>\n                    <div class=\"logo-item\">\n                        <img decoding=\"async\" src=\"http:\/\/sarmedya.com\/wp-content\/uploads\/2022\/12\/images.png\" alt=\"Referans Marka\">\n                    <\/div>\n                    <div class=\"logo-item\">\n                        <img decoding=\"async\" src=\"http:\/\/sarmedya.com\/wp-content\/uploads\/2022\/12\/images-1.png\" alt=\"Referans Marka\">\n                    <\/div>\n                    <div class=\"logo-item\">\n                        <img decoding=\"async\" src=\"http:\/\/sarmedya.com\/wp-content\/uploads\/2022\/12\/Eubos-logo.png\" alt=\"Eubos\">\n                    <\/div>\n                    <div class=\"logo-item\">\n                        <img decoding=\"async\" src=\"http:\/\/sarmedya.com\/wp-content\/uploads\/2022\/12\/Adsizdfwa-tasarim.png\" alt=\"Referans Marka\">\n                    <\/div>\n                    <div class=\"logo-item\">\n                        <img decoding=\"async\" src=\"http:\/\/sarmedya.com\/wp-content\/uploads\/2025\/07\/WhatsApp-Image-2024-11-10-at-19.14.22-1.png\" alt=\"Referans Marka\">\n                    <\/div>\n                    <!-- Duplicate for infinite loop -->\n                    <div class=\"logo-item\">\n                        <img decoding=\"async\" src=\"http:\/\/sarmedya.com\/wp-content\/uploads\/2022\/12\/ELITE-DIZAYN-MOBILYA-LOGO-2.png\" alt=\"Elite Dizayn Mobilya\">\n                    <\/div>\n                    <div class=\"logo-item\">\n                        <img decoding=\"async\" src=\"http:\/\/sarmedya.com\/wp-content\/uploads\/2022\/12\/images.png\" alt=\"Referans Marka\">\n                    <\/div>\n                    <div class=\"logo-item\">\n                        <img decoding=\"async\" src=\"http:\/\/sarmedya.com\/wp-content\/uploads\/2022\/12\/images-1.png\" alt=\"Referans Marka\">\n                    <\/div>\n                    <div class=\"logo-item\">\n                        <img decoding=\"async\" src=\"http:\/\/sarmedya.com\/wp-content\/uploads\/2022\/12\/Eubos-logo.png\" alt=\"Eubos\">\n                    <\/div>\n                    <div class=\"logo-item\">\n                        <img decoding=\"async\" src=\"http:\/\/sarmedya.com\/wp-content\/uploads\/2022\/12\/Adsizdfwa-tasarim.png\" alt=\"Referans Marka\">\n                    <\/div>\n                    <div class=\"logo-item\">\n                        <img decoding=\"async\" src=\"http:\/\/sarmedya.com\/wp-content\/uploads\/2025\/07\/WhatsApp-Image-2024-11-10-at-19.14.22-1.png\" alt=\"Referans Marka\">\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Services Overview -->\n    <section class=\"services-section\">\n        <div class=\"container\">\n            <div class=\"section-header\" data-aos=\"fade-up\">\n                <p class=\"section-subtitle\">Hizmetlerimiz<\/p>\n                <h2>Tasar\u0131m & Reklam \u00c7\u00f6z\u00fcmleri<\/h2>\n                <p class=\"section-description\">Markan\u0131z\u0131n dijital varl\u0131\u011f\u0131n\u0131 g\u00fc\u00e7lendirmek i\u00e7in kapsaml\u0131 hizmetler sunuyoruz<\/p>\n            <\/div>\n            \n            <div class=\"services-grid\">\n                <div class=\"service-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n                    <div class=\"service-icon\">\n                        <svg width=\"48\" height=\"48\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path d=\"M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20Z\" fill=\"#1E3A8A\"\/>\n                            <path d=\"M12 6C8.69 6 6 8.69 6 12C6 15.31 8.69 18 12 18C15.31 18 18 15.31 18 12C18 8.69 15.31 6 12 6ZM12 16C9.79 16 8 14.21 8 12C8 9.79 9.79 8 12 8C14.21 8 16 9.79 16 12C16 14.21 14.21 16 12 16Z\" fill=\"#1E3A8A\"\/>\n                            <path d=\"M12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z\" fill=\"#1E3A8A\"\/>\n                        <\/svg>\n                    <\/div>\n                    <h3>Grafik Tasar\u0131m<\/h3>\n                    <p>Markan\u0131z\u0131n g\u00f6rsel kimli\u011fini olu\u015ftururken modern, etkileyici ve profesyonel grafik tasar\u0131m \u00e7\u00f6z\u00fcmleri sunuyoruz.<\/p>\n                    <ul>\n                        <li>Logo Tasar\u0131m\u0131<\/li>\n                        <li>Kurumsal Kimlik<\/li>\n                        <li>Bask\u0131 Tasar\u0131mlar\u0131<\/li>\n                        <li>Ambalaj Tasar\u0131m\u0131<\/li>\n                    <\/ul>\n                <\/div>\n                \n                <div class=\"service-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n                    <div class=\"service-icon\">\n                        <svg width=\"48\" height=\"48\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path d=\"M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3ZM19 19H5V5H19V19Z\" fill=\"#1E3A8A\"\/>\n                            <path d=\"M7 12H9V17H7V12ZM11 7H13V17H11V7ZM15 10H17V17H15V10Z\" fill=\"#1E3A8A\"\/>\n                        <\/svg>\n                    <\/div>\n                    <h3>Dijital Reklam<\/h3>\n                    <p>Google Ads ve sosyal medya platformlar\u0131nda hedef kitlenize ula\u015facak etkili reklam kampanyalar\u0131 olu\u015fturuyoruz.<\/p>\n                    <ul>\n                        <li>Google Ads Y\u00f6netimi<\/li>\n                        <li>Sosyal Medya Reklamlar\u0131<\/li>\n                        <li>Reklam Optimizasyonu<\/li>\n                        <li>Reklam Analiz Raporlar\u0131<\/li>\n                    <\/ul>\n                <\/div>\n                \n                <div class=\"service-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\n                    <div class=\"service-icon\">\n                        <svg width=\"48\" height=\"48\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path d=\"M22.46 6C21.69 6.35 20.86 6.58 20 6.69C20.88 6.16 21.56 5.32 21.88 4.31C21.05 4.81 20.13 5.16 19.16 5.36C18.37 4.5 17.26 4 16 4C13.65 4 11.73 5.92 11.73 8.29C11.73 8.63 11.77 8.96 11.84 9.27C8.28 9.09 5.11 7.38 3 4.79C2.63 5.42 2.42 6.16 2.42 6.94C2.42 8.43 3.17 9.75 4.33 10.5C3.62 10.5 2.96 10.3 2.38 10V10.03C2.38 12.11 3.86 13.85 5.82 14.24C5.19 14.4 4.53 14.42 3.89 14.27C4.16 15.16 4.77 15.9 5.58 16.34C6.39 16.78 7.34 17 8.32 17C6.81 18.01 4.92 18.54 3 18.29C4.91 19.1 7.03 19.57 9.23 19.57C16 19.57 19.89 14.46 19.89 8.79C19.89 8.6 19.89 8.42 19.88 8.23C20.75 7.63 21.51 6.87 22.13 6C22.46 6 22.46 6 22.46 6Z\" fill=\"#1E3A8A\"\/>\n                        <\/svg>\n                    <\/div>\n                    <h3>\u0130\u00e7erik Tasar\u0131m\u0131<\/h3>\n                    <p>Sosyal medya ve dijital platformlar\u0131n\u0131z i\u00e7in yarat\u0131c\u0131 ve etkileyici i\u00e7erik tasar\u0131mlar\u0131 haz\u0131rl\u0131yoruz.<\/p>\n                    <ul>\n                        <li>Sosyal Medya G\u00f6rselleri<\/li>\n                        <li>Video \u0130\u00e7erikleri<\/li>\n                        <li>\u0130nfografik Tasar\u0131m<\/li>\n                        <li>Web Bannerlar\u0131<\/li>\n                    <\/ul>\n                <\/div>\n                \n                <div class=\"service-card\" data-aos=\"fade-up\" data-aos-delay=\"400\">\n                    <div class=\"service-icon\">\n                        <svg width=\"48\" height=\"48\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path d=\"M21.41 11.58L12.41 2.58C12.05 2.22 11.55 2 11 2H4C2.9 2 2 2.9 2 4V11C2 11.55 2.22 12.05 2.59 12.42L11.59 21.42C11.95 21.78 12.45 22 13 22C13.55 22 14.05 21.78 14.41 21.41L21.41 14.41C21.78 14.05 22 13.55 22 13C22 12.45 21.77 11.94 21.41 11.58ZM13 20.01L4 11V4H11V3.99L20 12.99L13 20.01Z\" fill=\"#1E3A8A\"\/>\n                            <path d=\"M6.5 8C7.32843 8 8 7.32843 8 6.5C8 5.67157 7.32843 5 6.5 5C5.67157 5 5 5.67157 5 6.5C5 7.32843 5.67157 8 6.5 8Z\" fill=\"#1E3A8A\"\/>\n                        <\/svg>\n                    <\/div>\n                    <h3>Marka Dan\u0131\u015fmanl\u0131\u011f\u0131<\/h3>\n                    <p>Markan\u0131z\u0131n konumland\u0131r\u0131lmas\u0131 ve stratejik geli\u015fimi i\u00e7in uzman dan\u0131\u015fmanl\u0131k hizmetleri sunuyoruz.<\/p>\n                    <ul>\n                        <li>Marka Stratejisi<\/li>\n                        <li>Pazar Analizi<\/li>\n                        <li>Rakip Analizi<\/li>\n                        <li>Marka Rehberi<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Packages Section -->\n    <section id=\"packages\" class=\"design-packages\">\n        <div class=\"container\">\n            <div class=\"section-header\" data-aos=\"fade-up\">\n                <p class=\"section-subtitle\">Kapsaml\u0131 \u00c7\u00f6z\u00fcmler<\/p>\n                <h2>Tasar\u0131m & Reklam Paketleri<\/h2>\n                <p class=\"section-description\">\u0130htiyac\u0131n\u0131za uygun paketlerimizle markan\u0131z\u0131n dijital varl\u0131\u011f\u0131n\u0131 g\u00fc\u00e7lendiriyoruz<\/p>\n            <\/div>\n\n            <!-- Package Tabs -->\n            <div class=\"package-tabs\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n                <div class=\"tab-nav\">\n                    <button class=\"tab-button active\" data-tab=\"basic\">Temel<\/button>\n                    <button class=\"tab-button\" data-tab=\"professional\">Profesyonel<\/button>\n                    <button class=\"tab-button\" data-tab=\"enterprise\">INSTITUTIONAL<\/button>\n                <\/div>\n                <div class=\"tab-content\">\n                    <!-- Basic Package -->\n                    <div class=\"tab-pane active\" id=\"basic\">\n                        <div class=\"package-grid\">\n                            <div class=\"package-highlights\">\n                                <div class=\"highlight-card\">\n                                    <div class=\"highlight-icon\">\n                                        <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                            <path d=\"M12 8V12L15 15\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <\/svg>\n                                    <\/div>\n                                    <div class=\"highlight-content\">\n                                        <h4>1 Hafta<\/h4>\n                                        <p>H\u0131zl\u0131 teslimat s\u00fcresi<\/p>\n                                    <\/div>\n                                <\/div>\n                                \n                                <div class=\"highlight-card\">\n                                    <div class=\"highlight-icon\">\n                                        <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M20 12V22H4V12\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                            <path d=\"M22 7H2V12H22V7Z\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                            <path d=\"M12 22V7\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                            <path d=\"M12 7H7.5C6.83696 7 6.20107 6.73661 5.73223 6.26777C5.26339 5.79893 5 5.16304 5 4.5C5 3.83696 5.26339 3.20107 5.73223 2.73223C6.20107 2.26339 6.83696 2 7.5 2C11 2 12 7 12 7Z\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                            <path d=\"M12 7H16.5C17.163 7 17.7989 6.73661 18.2678 6.26777C18.7366 5.79893 19 5.16304 19 4.5C19 3.83696 18.7366 3.20107 18.2678 2.73223C17.7989 2.26339 17.163 2 16.5 2C13 2 12 7 12 7Z\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <\/svg>\n                                    <\/div>\n                                    <div class=\"highlight-content\">\n                                        <h4>Temel Tasar\u0131m<\/h4>\n                                        <p>Logo ve kurumsal kimlik<\/p>\n                                    <\/div>\n                                <\/div>\n                                \n                                <div class=\"highlight-card\">\n                                    <div class=\"highlight-icon\">\n                                        <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M23 7L16 12L23 17V7Z\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                            <path d=\"M14 5H3C2.46957 5 1.96086 5.21071 1.58579 5.58579C1.21071 5.96086 1 6.46957 1 7V17C1 17.5304 1.21071 18.0391 1.58579 18.4142C1.96086 18.7893 2.46957 19 3 19H14C14.5304 19 15.0391 18.7893 15.4142 18.4142C15.7893 18.0391 16 17.5304 16 17V7C16 6.46957 15.7893 5.96086 15.4142 5.58579C15.0391 5.21071 14.5304 5 14 5Z\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <\/svg>\n                                    <\/div>\n                                    <div class=\"highlight-content\">\n                                        <h4>1 Reklam Kampanyas\u0131<\/h4>\n                                        <p>Temel dijital reklam deste\u011fi<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"package-details\">\n                                <h3>Temel Tasar\u0131m & Reklam Paketi<\/h3>\n                                <p class=\"package-description\">K\u00fc\u00e7\u00fck i\u015fletmeler ve giri\u015fimler i\u00e7in temel tasar\u0131m ve reklam \u00e7\u00f6z\u00fcm\u00fc<\/p>\n                                \n                                <div class=\"detail-section\">\n                                    <h4><svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                        <path d=\"M17 21V19C17 17.9391 16.5786 16.9217 15.8284 16.1716C15.0783 15.4214 14.0609 15 13 15H5C3.93913 15 2.92172 15.4214 2.17157 16.1716C1.42143 16.9217 1 17.9391 1 19V21\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <path d=\"M9 11C11.2091 11 13 9.20914 13 7C13 4.79086 11.2091 3 9 3C6.79086 3 5 4.79086 5 7C5 9.20914 6.79086 11 9 11Z\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <path d=\"M23 21V19C22.9993 18.1137 22.7044 17.2528 22.1614 16.5523C21.6184 15.8519 20.8581 15.3516 20 15.13\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <path d=\"M16 3.13C16.8604 3.3503 17.623 3.8507 18.1676 4.55231C18.7122 5.25392 19.0078 6.11683 19.0078 7.005C19.0078 7.89317 18.7122 8.75608 18.1676 9.45769C17.623 10.1593 16.8604 10.6597 16 10.88\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <\/svg>\n                                        Kimler \u0130\u00e7in?<\/h4>\n                                    <ul>\n                                        <li>Yeni ba\u015flayan giri\u015fimler<\/li>\n                                        <li>Temel tasar\u0131m ihtiyac\u0131 olanlar<\/li>\n                                        <li>H\u0131zl\u0131 ve ekonomik \u00e7\u00f6z\u00fcm arayanlar<\/li>\n                                    <\/ul>\n                                <\/div>\n                                \n                                <div class=\"detail-section\">\n                                    <h4><svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                        <path d=\"M12 20H21M3 16H5M7 16H5M5 16V4C5 3.73478 5.10536 3.48043 5.29289 3.29289C5.48043 3.10536 5.73478 3 6 3H18C18.2652 3 18.5196 3.10536 18.7071 3.29289C18.8946 3.48043 19 3.73478 19 4V16H17M5 16H17M17 16H19M17 20H19\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <\/svg>\n                                        Paket Detaylar\u0131<\/h4>\n                                    <ul>\n                                        <li><strong>Logo Tasar\u0131m\u0131:<\/strong> 5 farkl\u0131 konsept logo \u00e7al\u0131\u015fmas\u0131<\/li>\n                                        <li><strong>Kurumsal Kimlik:<\/strong> Temel kimlik elemanlar\u0131 (kartvizit, antetli ka\u011f\u0131t)<\/li>\n                                        <li><strong>Dijital Reklam:<\/strong> 1 platformda (Google veya Facebook) reklam tasar\u0131m\u0131<\/li>\n                                        <li><strong>Sosyal Medya:<\/strong> 16 adet sosyal medya g\u00f6rseli<\/li>\n                                    <\/ul>\n                                <\/div>\n                                \n                                <div class=\"detail-section\">\n                                    <h4><svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                        <path d=\"M5 8H19C20.1046 8 21 8.89543 21 10V18C21 19.1046 20.1046 20 19 20H5C3.89543 20 3 19.1046 3 18V10C3 8.89543 3.89543 8 5 8Z\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <path d=\"M16 5L12 1L8 5\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <\/svg>\n                                        Teslimat<\/h4>\n                                    <ul>\n                                        <li><strong>Teslim S\u00fcresi:<\/strong> 1 hafta<\/li>\n                                        <li><strong>Revizyon:<\/strong> 2 defa<\/li>\n                                        <li><strong>Destek:<\/strong> 1 ay \u00fccretsiz teknik destek<\/li>\n                                    <\/ul>\n                                <\/div>\n                            <\/div>\n                            <div class=\"package-cta\">\n                                <div class=\"price-box\">\n                                    <span class=\"price\">\u20ba15,000<small>+KDV<\/small><\/span>\n                                    <span class=\"price-note\">Tek seferlik \u00f6deme<\/span>\n                                <\/div>\n                                <a href=\"https:\/\/sarmedya.com\/en\/iletisim\/\" class=\"cta-button full-width\">Teklif Al<\/a>\n                                <div class=\"package-features\">\n                                    <div class=\"feature-item\">\n                                        <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M22 11.08V12C21.9988 14.1564 21.3005 16.2547 20.0093 17.9818C18.7182 19.709 16.9033 20.9725 14.8354 21.5839C12.7674 22.1953 10.5573 22.1219 8.53447 21.3746C6.51168 20.6273 4.78465 19.2461 3.61096 17.4371C2.43727 15.628 1.87979 13.4881 2.02168 11.3363C2.16356 9.18455 2.99721 7.13631 4.39828 5.49706C5.79935 3.85781 7.69279 2.71537 9.79619 2.24013C11.8996 1.7649 14.1003 1.98232 16.07 2.86\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                            <path d=\"M22 4L12 14.01L9 11.01\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <\/svg>\n                                        <span>Logo Tasar\u0131m\u0131<\/span>\n                                    <\/div>\n                                    <div class=\"feature-item\">\n                                        <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M22 11.08V12C21.9988 14.1564 21.3005 16.2547 20.0093 17.9818C18.7182 19.709 16.9033 20.9725 14.8354 21.5839C12.7674 22.1953 10.5573 22.1219 8.53447 21.3746C6.51168 20.6273 4.78465 19.2461 3.61096 17.4371C2.43727 15.628 1.87979 13.4881 2.02168 11.3363C2.16356 9.18455 2.99721 7.13631 4.39828 5.49706C5.79935 3.85781 7.69279 2.71537 9.79619 2.24013C11.8996 1.7649 14.1003 1.98232 16.07 2.86\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                            <path d=\"M22 4L12 14.01L9 11.01\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <\/svg>\n                                        <span>1 Reklam Kampanyas\u0131<\/span>\n                                    <\/div>\n                                    <div class=\"feature-item\">\n                                        <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M22 11.08V12C21.9988 14.1564 21.3005 16.2547 20.0093 17.9818C18.7182 19.709 16.9033 20.9725 14.8354 21.5839C12.7674 22.1953 10.5573 22.1219 8.53447 21.3746C6.51168 20.6273 4.78465 19.2461 3.61096 17.4371C2.43727 15.628 1.87979 13.4881 2.02168 11.3363C2.16356 9.18455 2.99721 7.13631 4.39828 5.49706C5.79935 3.85781 7.69279 2.71537 9.79619 2.24013C11.8996 1.7649 14.1003 1.98232 16.07 2.86\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                            <path d=\"M22 4L12 14.01L9 11.01\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <\/svg>\n                                        <span>Sosyal Medya G\u00f6rselleri<\/span>\n                                    <\/div>\n                                <\/div>\n                                <a href=\"#contact\" class=\"secondary-button full-width with-icon\">\n                                    <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                        <path d=\"M22 2L11 13M22 2L15 22L11 13M11 13L2 9\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                    <\/svg>\n                                    <span>\u00d6zel Teklif \u0130ste<\/span>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Professional Package -->\n                    <div class=\"tab-pane\" id=\"professional\">\n                        <div class=\"package-grid\">\n                            <div class=\"package-highlights\">\n                                <div class=\"highlight-card\">\n                                    <div class=\"highlight-icon\">\n                                        <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                            <path d=\"M12 8V12L15 15\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <\/svg>\n                                    <\/div>\n                                    <div class=\"highlight-content\">\n                                        <h4>1-2 Hafta<\/h4>\n                                        <p>Kapsaml\u0131 \u00e7al\u0131\u015fma s\u00fcresi<\/p>\n                                    <\/div>\n                                <\/div>\n                                \n                                <div class=\"highlight-card\">\n                                    <div class=\"highlight-icon\">\n                                        <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M20 12V22H4V12\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                            <path d=\"M22 7H2V12H22V7Z\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                            <path d=\"M12 22V7\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                            <path d=\"M12 7H7.5C6.83696 7 6.20107 6.73661 5.73223 6.26777C5.26339 5.79893 5 5.16304 5 4.5C5 3.83696 5.26339 3.20107 5.73223 2.73223C6.20107 2.26339 6.83696 2 7.5 2C11 2 12 7 12 7Z\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                            <path d=\"M12 7H16.5C17.163 7 17.7989 6.73661 18.2678 6.26777C18.7366 5.79893 19 5.16304 19 4.5C19 3.83696 18.7366 3.20107 18.2678 2.73223C17.7989 2.26339 17.163 2 16.5 2C13 2 12 7 12 7Z\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <\/svg>\n                                    <\/div>\n                                    <div class=\"highlight-content\">\n                                        <h4>Kapsaml\u0131 Tasar\u0131m<\/h4>\n                                        <p>Profesyonel kurumsal kimlik seti<\/p>\n                                    <\/div>\n                                <\/div>\n                                \n                                <div class=\"highlight-card\">\n                                    <div class=\"highlight-icon\">\n                                        <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M23 7L16 12L23 17V7Z\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                            <path d=\"M14 5H3C2.46957 5 1.96086 5.21071 1.58579 5.58579C1.21071 5.96086 1 6.46957 1 7V17C1 17.5304 1.21071 18.0391 1.58579 18.4142C1.96086 18.7893 2.46957 19 3 19H14C14.5304 19 15.0391 18.7893 15.4142 18.4142C15.7893 18.0391 16 17.5304 16 17V7C16 6.46957 15.7893 5.96086 15.4142 5.58579C15.0391 5.21071 14.5304 5 14 5Z\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <\/svg>\n                                    <\/div>\n                                    <div class=\"highlight-content\">\n                                        <h4>3 Reklam Kampanyas\u0131<\/h4>\n                                        <p>\u00c7oklu platform reklam deste\u011fi<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"package-details\">\n                                <h3>Profesyonel Tasar\u0131m & Reklam Paketi<\/h3>\n                                <p class=\"package-description\">Orta \u00f6l\u00e7ekli i\u015fletmeler i\u00e7in kapsaml\u0131 tasar\u0131m ve reklam \u00e7\u00f6z\u00fcmleri<\/p>\n                                \n                                <div class=\"detail-section\">\n                                    <h4><svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                        <path d=\"M17 21V19C17 17.9391 16.5786 16.9217 15.8284 16.1716C15.0783 15.4214 14.0609 15 13 15H5C3.93913 15 2.92172 15.4214 2.17157 16.1716C1.42143 16.9217 1 17.9391 1 19V21\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <path d=\"M9 11C11.2091 11 13 9.20914 13 7C13 4.79086 11.2091 3 9 3C6.79086 3 5 4.79086 5 7C5 9.20914 6.79086 11 9 11Z\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <path d=\"M23 21V19C22.9993 18.1137 22.7044 17.2528 22.1614 16.5523C21.6184 15.8519 20.8581 15.3516 20 15.13\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <path d=\"M16 3.13C16.8604 3.3503 17.623 3.8507 18.1676 4.55231C18.7122 5.25392 19.0078 6.11683 19.0078 7.005C19.0078 7.89317 18.7122 8.75608 18.1676 9.45769C17.623 10.1593 16.8604 10.6597 16 10.88\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <\/svg>\n                                        Kimler \u0130\u00e7in?<\/h4>\n                                    <ul>\n                                        <li>B\u00fcy\u00fcme a\u015famas\u0131ndaki i\u015fletmeler<\/li>\n                                        <li>Profesyonel tasar\u0131m deste\u011fi isteyenler<\/li>\n                                        <li>\u00c7oklu platformda varl\u0131k g\u00f6stermek isteyenler<\/li>\n                                    <\/ul>\n                                <\/div>\n                                \n                                <div class=\"detail-section\">\n                                    <h4><svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                        <path d=\"M12 20H21M3 16H5M7 16H5M5 16V4C5 3.73478 5.10536 3.48043 5.29289 3.29289C5.48043 3.10536 5.73478 3 6 3H18C18.2652 3 18.5196 3.10536 18.7071 3.29289C18.8946 3.48043 19 3.73478 19 4V16H17M5 16H17M17 16H19M17 20H19\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <\/svg>\n                                        Paket Detaylar\u0131<\/h4>\n                                    <ul>\n                                        <li><strong>Kurumsal Kimlik:<\/strong> Komple kimlik seti (logo, kartvizit, antetli, zarf, dosya)<\/li>\n                                        <li><strong>Dijital Reklam:<\/strong> 3 platformda (Google, Facebook, Instagram) reklam tasar\u0131m\u0131 ve y\u00f6netimi<\/li>\n                                        <li><strong>Sosyal Medya:<\/strong> 25 adet sosyal medya g\u00f6rseli<\/li>\n                                        <li><strong>Bask\u0131 Tasar\u0131mlar\u0131:<\/strong> Katalog, bro\u015f\u00fcr veya flyer tasar\u0131m\u0131<\/li>\n                                        <li><strong>Web Banner:<\/strong> 5 adet farkl\u0131 boyutlarda web banner tasar\u0131m\u0131<\/li>\n                                    <\/ul>\n                                <\/div>\n                                \n                                <div class=\"detail-section\">\n                                    <h4><svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                        <path d=\"M5 8H19C20.1046 8 21 8.89543 21 10V18C21 19.1046 20.1046 20 19 20H5C3.89543 20 3 19.1046 3 18V10C3 8.89543 3.89543 8 5 8Z\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <path d=\"M16 5L12 1L8 5\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <\/svg>\n                                        Teslimat<\/h4>\n                                    <ul>\n                                        <li><strong>Teslim S\u00fcresi:<\/strong> 1-2 hafta<\/li>\n                                        <li><strong>Revizyon:<\/strong> 4 defa(plan)<\/li>\n                                        <li><strong>Destek:<\/strong> 3 ay \u00fccretsiz teknik destek<\/li>\n                                        <li><strong>Analiz:<\/strong> Ayl\u0131k performans raporlar\u0131<\/li>\n                                    <\/ul>\n                                <\/div>\n                            <\/div>\n                            <div class=\"package-cta\">\n                                <div class=\"price-box\">\n                                    <span class=\"price\">\u20ba30,000<small>+KDV<\/small><\/span>\n                                    <span class=\"price-note\">Tek seferlik \u00f6deme<\/span>\n                                <\/div>\n                                <a href=\"https:\/\/sarmedya.com\/en\/iletisim\/\" class=\"cta-button full-width\">Teklif Al<\/a>\n                                <div class=\"package-features\">\n                                    <div class=\"feature-item\">\n                                        <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M22 11.08V12C21.9988 14.1564 21.3005 16.2547 20.0093 17.9818C18.7182 19.709 16.9033 20.9725 14.8354 21.5839C12.7674 22.1953 10.5573 22.1219 8.53447 21.3746C6.51168 20.6273 4.78465 19.2461 3.61096 17.4371C2.43727 15.628 1.87979 13.4881 2.02168 11.3363C2.16356 9.18455 2.99721 7.13631 4.39828 5.49706C5.79935 3.85781 7.69279 2.71537 9.79619 2.24013C11.8996 1.7649 14.1003 1.98232 16.07 2.86\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                            <path d=\"M22 4L12 14.01L9 11.01\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <\/svg>\n                                        <span>Kurumsal Kimlik Seti<\/span>\n                                    <\/div>\n                                    <div class=\"feature-item\">\n                                        <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M22 11.08V12C21.9988 14.1564 21.3005 16.2547 20.0093 17.9818C18.7182 19.709 16.9033 20.9725 14.8354 21.5839C12.7674 22.1953 10.5573 22.1219 8.53447 21.3746C6.51168 20.6273 4.78465 19.2461 3.61096 17.4371C2.43727 15.628 1.87979 13.4881 2.02168 11.3363C2.16356 9.18455 2.99721 7.13631 4.39828 5.49706C5.79935 3.85781 7.69279 2.71537 9.79619 2.24013C11.8996 1.7649 14.1003 1.98232 16.07 2.86\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                            <path d=\"M22 4L12 14.01L9 11.01\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <\/svg>\n                                        <span>3 Reklam Kampanyas\u0131<\/span>\n                                    <\/div>\n                                    <div class=\"feature-item\">\n                                        <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M22 11.08V12C21.9988 14.1564 21.3005 16.2547 20.0093 17.9818C18.7182 19.709 16.9033 20.9725 14.8354 21.5839C12.7674 22.1953 10.5573 22.1219 8.53447 21.3746C6.51168 20.6273 4.78465 19.2461 3.61096 17.4371C2.43727 15.628 1.87979 13.4881 2.02168 11.3363C2.16356 9.18455 2.99721 7.13631 4.39828 5.49706C5.79935 3.85781 7.69279 2.71537 9.79619 2.24013C11.8996 1.7649 14.1003 1.98232 16.07 2.86\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                            <path d=\"M22 4L12 14.01L9 11.01\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <\/svg>\n                                        <span>Bask\u0131 Tasar\u0131mlar\u0131<\/span>\n                                    <\/div>\n                                <\/div>\n                                <a href=\"#contact\" class=\"secondary-button full-width with-icon\">\n                                    <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                        <path d=\"M22 2L11 13M22 2L15 22L11 13M11 13L2 9\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                    <\/svg>\n                                    <span>\u00d6zel Teklif \u0130ste<\/span>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Enterprise Package -->\n                    <div class=\"tab-pane\" id=\"enterprise\">\n                        <div class=\"package-grid\">\n                            <div class=\"package-highlights\">\n                                <div class=\"highlight-card\">\n                                    <div class=\"highlight-icon\">\n                                        <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                            <path d=\"M12 8V12L15 15\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <\/svg>\n                                    <\/div>\n                                    <div class=\"highlight-content\">\n                                        <h4>1-2+ Hafta<\/h4>\n                                        <p>Premium \u00e7al\u0131\u015fma s\u00fcresi<\/p>\n                                    <\/div>\n                                <\/div>\n                                \n                                <div class=\"highlight-card\">\n                                    <div class=\"highlight-icon\">\n                                        <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M20 12V22H4V12\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                            <path d=\"M22 7H2V12H22V7Z\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                            <path d=\"M12 22V7\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                            <path d=\"M12 7H7.5C6.83696 7 6.20107 6.73661 5.73223 6.26777C5.26339 5.79893 5 5.16304 5 4.5C5 3.83696 5.26339 3.20107 5.73223 2.73223C6.20107 2.26339 6.83696 2 7.5 2C11 2 12 7 12 7Z\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                            <path d=\"M12 7H16.5C17.163 7 17.7989 6.73661 18.2678 6.26777C18.7366 5.79893 19 5.16304 19 4.5C19 3.83696 18.7366 3.20107 18.2678 2.73223C17.7989 2.26339 17.163 2 16.5 2C13 2 12 7 12 7Z\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <\/svg>\n                                    <\/div>\n                                    <div class=\"highlight-content\">\n                                        <h4>Premium Tasar\u0131m<\/h4>\n                                        <p>\u00d6zel kurumsal kimlik ve marka rehberi<\/p>\n                                    <\/div>\n                                <\/div>\n                                \n                                <div class=\"highlight-card\">\n                                    <div class=\"highlight-icon\">\n                                        <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M23 7L16 12L23 17V7Z\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                            <path d=\"M14 5H3C2.46957 5 1.96086 5.21071 1.58579 5.58579C1.21071 5.96086 1 6.46957 1 7V17C1 17.5304 1.21071 18.0391 1.58579 18.4142C1.96086 18.7893 2.46957 19 3 19H14C14.5304 19 15.0391 18.7893 15.4142 18.4142C15.7893 18.0391 16 17.5304 16 17V7C16 6.46957 15.7893 5.96086 15.4142 5.58579C15.0391 5.21071 14.5304 5 14 5Z\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <\/svg>\n                                    <\/div>\n                                    <div class=\"highlight-content\">\n                                        <h4>5+ Reklam Kampanyas\u0131<\/h4>\n                                        <p>T\u00fcm platformlarda reklam y\u00f6netimi<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"package-details\">\n                                <h3>Kurumsal Tasar\u0131m & Reklam Paketi<\/h3>\n                                <p class=\"package-description\">B\u00fcy\u00fck \u00f6l\u00e7ekli i\u015fletmeler i\u00e7in premium tasar\u0131m ve reklam \u00e7\u00f6z\u00fcmleri<\/p>\n                                \n                                <div class=\"detail-section\">\n                                    <h4><svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                        <path d=\"M17 21V19C17 17.9391 16.5786 16.9217 15.8284 16.1716C15.0783 15.4214 14.0609 15 13 15H5C3.93913 15 2.92172 15.4214 2.17157 16.1716C1.42143 16.9217 1 17.9391 1 19V21\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <path d=\"M9 11C11.2091 11 13 9.20914 13 7C13 4.79086 11.2091 3 9 3C6.79086 3 5 4.79086 5 7C5 9.20914 6.79086 11 9 11Z\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <path d=\"M23 21V19C22.9993 18.1137 22.7044 17.2528 22.1614 16.5523C21.6184 15.8519 20.8581 15.3516 20 15.13\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <path d=\"M16 3.13C16.8604 3.3503 17.623 3.8507 18.1676 4.55231C18.7122 5.25392 19.0078 6.11683 19.0078 7.005C19.0078 7.89317 18.7122 8.75608 18.1676 9.45769C17.623 10.1593 16.8604 10.6597 16 10.88\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <\/svg>\n                                        Kimler \u0130\u00e7in?<\/h4>\n                                    <ul>\n                                        <li>Kurumsal firmalar<\/li>\n                                        <li>\u00c7oklu dijital kanalda premium varl\u0131k isteyenler<\/li>\n                                        <li>360 derece tasar\u0131m ve reklam deste\u011fi arayanlar<\/li>\n                                    <\/ul>\n                                <\/div>\n                                \n                                <div class=\"detail-section\">\n                                    <h4><svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                        <path d=\"M12 20H21M3 16H5M7 16H5M5 16V4C5 3.73478 5.10536 3.48043 5.29289 3.29289C5.48043 3.10536 5.73478 3 6 3H18C18.2652 3 18.5196 3.10536 18.7071 3.29289C18.8946 3.48043 19 3.73478 19 4V16H17M5 16H17M17 16H19M17 20H19\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <\/svg>\n                                        Paket Detaylar\u0131<\/h4>\n                                    <ul>\n                                        <li><strong>Marka Kimli\u011fi:<\/strong> Komple marka rehberi, logo varyasyonlar\u0131, renk paleti, tipografi<\/li>\n                                        <li><strong>Dijital Reklam:<\/strong> 5+ platformda (Google, Facebook, Instagram, LinkedIn, YouTube) reklam tasar\u0131m\u0131 ve y\u00f6netimi<\/li>\n                                        <li><strong>\u0130\u00e7erik \u00dcretimi:<\/strong> 40 adet sosyal medya g\u00f6rseli ve video i\u00e7erikleri<\/li>\n                                        <li><strong>Bask\u0131 Tasar\u0131mlar\u0131:<\/strong> Katalog, bro\u015f\u00fcr, dergi reklam\u0131, billboard tasar\u0131m\u0131<\/li>\n                                        <li><strong>Ambalaj Tasar\u0131m\u0131:<\/strong> \u00dcr\u00fcn ambalaj tasar\u0131m\u0131 ve mockup'lar<\/li>\n                                        <li><strong>Video Prod\u00fcksiyon:<\/strong> 1 tan\u0131t\u0131m videosu veya animasyon<\/li>\n                                    <\/ul>\n                                <\/div>\n                                \n                                <div class=\"detail-section\">\n                                    <h4><svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                        <path d=\"M5 8H19C20.1046 8 21 8.89543 21 10V18C21 19.1046 20.1046 20 19 20H5C3.89543 20 3 19.1046 3 18V10C3 8.89543 3.89543 8 5 8Z\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <path d=\"M16 5L12 1L8 5\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <\/svg>\n                                        Teslimat<\/h4>\n                                    <ul>\n                                        <li><strong>Teslim S\u00fcresi:<\/strong> 1-2+ hafta<\/li>\n                                        <li><strong>Revizyon:<\/strong> S\u0131n\u0131rs\u0131z<\/li>\n                                        <li><strong>Destek:<\/strong> 6 ay \u00fccretsiz teknik destek<\/li>\n                                        <li><strong>Analiz:<\/strong> Haftal\u0131k performans raporlar\u0131<\/li>\n                                        <li><strong>Dan\u0131\u015fmanl\u0131k:<\/strong> Ayl\u0131k strateji toplant\u0131lar\u0131<\/li>\n                                    <\/ul>\n                                <\/div>\n                            <\/div>\n                            <div class=\"package-cta\">\n                                <div class=\"price-box\">\n                                    <span class=\"price\">\u20ba50,000<small>+KDV<\/small><\/span>\n                                    <span class=\"price-note\">Tek seferlik \u00f6deme<\/span>\n                                <\/div>\n                                <a href=\"https:\/\/sarmedya.com\/en\/iletisim\/\" class=\"cta-button full-width\">Teklif Al<\/a>\n                                <div class=\"package-features\">\n                                    <div class=\"feature-item\">\n                                        <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M22 11.08V12C21.9988 14.1564 21.3005 16.2547 20.0093 17.9818C18.7182 19.709 16.9033 20.9725 14.8354 21.5839C12.7674 22.1953 10.5573 22.1219 8.53447 21.3746C6.51168 20.6273 4.78465 19.2461 3.61096 17.4371C2.43727 15.628 1.87979 13.4881 2.02168 11.3363C2.16356 9.18455 2.99721 7.13631 4.39828 5.49706C5.79935 3.85781 7.69279 2.71537 9.79619 2.24013C11.8996 1.7649 14.1003 1.98232 16.07 2.86\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                            <path d=\"M22 4L12 14.01L9 11.01\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <\/svg>\n                                        <span>Marka Rehberi<\/span>\n                                    <\/div>\n                                    <div class=\"feature-item\">\n                                        <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M22 11.08V12C21.9988 14.1564 21.3005 16.2547 20.0093 17.9818C18.7182 19.709 16.9033 20.9725 14.8354 21.5839C12.7674 22.1953 10.5573 22.1219 8.53447 21.3746C6.51168 20.6273 4.78465 19.2461 3.61096 17.4371C2.43727 15.628 1.87979 13.4881 2.02168 11.3363C2.16356 9.18455 2.99721 7.13631 4.39828 5.49706C5.79935 3.85781 7.69279 2.71537 9.79619 2.24013C11.8996 1.7649 14.1003 1.98232 16.07 2.86\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                            <path d=\"M22 4L12 14.01L9 11.01\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <\/svg>\n                                        <span>5+ Reklam Kampanyas\u0131<\/span>\n                                    <\/div>\n                                    <div class=\"feature-item\">\n                                        <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                            <path d=\"M22 11.08V12C21.9988 14.1564 21.3005 16.2547 20.0093 17.9818C18.7182 19.709 16.9033 20.9725 14.8354 21.5839C12.7674 22.1953 10.5573 22.1219 8.53447 21.3746C6.51168 20.6273 4.78465 19.2461 3.61096 17.4371C2.43727 15.628 1.87979 13.4881 2.02168 11.3363C2.16356 9.18455 2.99721 7.13631 4.39828 5.49706C5.79935 3.85781 7.69279 2.71537 9.79619 2.24013C11.8996 1.7649 14.1003 1.98232 16.07 2.86\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                            <path d=\"M22 4L12 14.01L9 11.01\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                        <\/svg>\n                                        <span>Video Prod\u00fcksiyon<\/span>\n                                    <\/div>\n                                <\/div>\n                                <a href=\"#contact\" class=\"secondary-button full-width with-icon\">\n                                    <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                        <path d=\"M22 2L11 13M22 2L15 22L11 13M11 13L2 9\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                    <\/svg>\n                                    <span>\u00d6zel Teklif \u0130ste<\/span>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Portfolio Section -->\n    <section class=\"portfolio-section\">\n        <div class=\"container\">\n            <div class=\"section-header\" data-aos=\"fade-up\">\n                <p class=\"section-subtitle\">\u00c7al\u0131\u015fmalar\u0131m\u0131z<\/p>\n                <h2>Portfolyo<\/h2>\n                <p class=\"section-description\">Profesyonel tasar\u0131m ve reklam \u00e7al\u0131\u015fmalar\u0131m\u0131zdan \u00f6rnekler<\/p>\n            <\/div>\n            \n            <div class=\"portfolio-grid\">\n                <div class=\"portfolio-item\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1467232004584-a241de8bcf5d?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1469&q=80\" alt=\"Grafik Tasar\u0131m Projesi\">\n                    <div class=\"portfolio-overlay\">\n                        <div class=\"overlay-content\">\n                            <h4>Grafik Tasar\u0131m<\/h4>\n                            <p>Kurumsal Kimlik<\/p>\n                            <a href=\"#\" class=\"view-button\">G\u00f6r\u00fcnt\u00fcle<\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"portfolio-item\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1551288049-bebda4e38f71?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80\" alt=\"Dijital Reklam Projesi\">\n                    <div class=\"portfolio-overlay\">\n                        <div class=\"overlay-content\">\n                            <h4>Dijital Reklam<\/h4>\n                            <p>Sosyal Medya Kampanyas\u0131<\/p>\n                            <a href=\"#\" class=\"view-button\">G\u00f6r\u00fcnt\u00fcle<\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"portfolio-item\" data-aos=\"fade-up\" data-aos-delay=\"300\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1552664730-d307ca884978?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80\" alt=\"Ambalaj Tasar\u0131m\u0131 Projesi\">\n                    <div class=\"portfolio-overlay\">\n                        <div class=\"overlay-content\">\n                            <h4>Ambalaj Tasar\u0131m\u0131<\/h4>\n                            <p>\u00dcr\u00fcn Ambalaj\u0131<\/p>\n                            <a href=\"#\" class=\"view-button\">G\u00f6r\u00fcnt\u00fcle<\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"portfolio-item\" data-aos=\"fade-up\" data-aos-delay=\"400\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1542744173-8e7e53415bb0?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80\" alt=\"Bask\u0131 Tasar\u0131m Projesi\">\n                    <div class=\"portfolio-overlay\">\n                        <div class=\"overlay-content\">\n                            <h4>Bask\u0131 Tasar\u0131m\u0131<\/h4>\n                            <p>Katalog & Bro\u015f\u00fcr<\/p>\n                            <a href=\"#\" class=\"view-button\">G\u00f6r\u00fcnt\u00fcle<\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"portfolio-cta\" data-aos=\"fade-up\">\n                <a href=\"\/en\/portfolyo\/\" class=\"cta-button with-icon\">\n                    <span>T\u00fcm \u00c7al\u0131\u015fmalar\u0131 G\u00f6r<\/span>\n                    <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M5 12H19M19 12L12 5M19 12L12 19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Process Section -->\n    <section class=\"process-section\">\n        <div class=\"container\">\n            <div class=\"section-header\" data-aos=\"fade-up\">\n                <p class=\"section-subtitle\">Nas\u0131l \u00c7al\u0131\u015f\u0131yoruz?<\/p>\n                <h2>S\u00fcre\u00e7<\/h2>\n                <p class=\"section-description\">Profesyonel hizmetlerimizin arkas\u0131ndaki ad\u0131mlar<\/p>\n            <\/div>\n            \n            <div class=\"process-steps\">\n                <div class=\"process-item\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n                    <div class=\"process-number\">01<\/div>\n                    <div class=\"process-content\">\n                        <h4>Ke\u015fif ve Analiz<\/h4>\n                        <p>\u0130htiya\u00e7lar\u0131n\u0131z\u0131 belirlemek ve hedef kitlenizi analiz etmek i\u00e7in detayl\u0131 bir \u00f6n g\u00f6r\u00fc\u015fme yap\u0131yoruz.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"process-item\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n                    <div class=\"process-number\">02<\/div>\n                    <div class=\"process-content\">\n                        <h4>Strateji Geli\u015ftirme<\/h4>\n                        <p>Markan\u0131z i\u00e7in en uygun tasar\u0131m ve reklam stratejisini geli\u015ftiriyor ve size \u00f6zel bir yol haritas\u0131 olu\u015fturuyoruz.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"process-item\" data-aos=\"fade-up\" data-aos-delay=\"300\">\n                    <div class=\"process-number\">03<\/div>\n                    <div class=\"process-content\">\n                        <h4>Tasar\u0131m ve Uygulama<\/h4>\n                        <p>Deneyimli ekibimizle yarat\u0131c\u0131 ve etkili tasar\u0131mlar haz\u0131rlayarak reklam kampanyalar\u0131n\u0131z\u0131 hayata ge\u00e7iriyoruz.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"process-item\" data-aos=\"fade-up\" data-aos-delay=\"400\">\n                    <div class=\"process-number\">04<\/div>\n                    <div class=\"process-content\">\n                        <h4>Test ve Optimizasyon<\/h4>\n                        <p>Tasar\u0131mlar\u0131m\u0131z\u0131 test ediyor, kampanya performanslar\u0131n\u0131 analiz ediyor ve maksimum etki i\u00e7in optimize ediyoruz.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"process-item\" data-aos=\"fade-up\" data-aos-delay=\"500\">\n                    <div class=\"process-number\">05<\/div>\n                    <div class=\"process-content\">\n                        <h4>Yay\u0131n ve Takip<\/h4>\n                        <p>Projelerinizi zaman\u0131nda teslim ediyor ve kampanyalar\u0131n\u0131z\u0131n performanslar\u0131n\u0131 s\u00fcrekli olarak takip ediyoruz.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Testimonials Section -->\n    <section class=\"testimonials-section\">\n        <div class=\"container\">\n            <div class=\"section-header\" data-aos=\"fade-up\">\n                <p class=\"section-subtitle\">M\u00fc\u015fteri Yorumlar\u0131<\/p>\n                <h2>Ne Dediler?<\/h2>\n                <p class=\"section-description\">Bizimle \u00e7al\u0131\u015fan markalar\u0131n deneyimleri<\/p>\n            <\/div>\n            \n            <div class=\"testimonials-slider\">\n                <div class=\"testimonial-item\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n                    <div class=\"testimonial-content\">\n                        <div class=\"quote-icon\">\n                            <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <path d=\"M21 15C21 15.5304 20.7893 16.0391 20.4142 16.4142C20.0391 16.7893 19.5304 17 19 17H7L3 21V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H19C19.5304 3 20.0391 3.21071 20.4142 3.58579C20.7893 3.96086 21 4.46957 21 5V15Z\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                            <\/svg>\n                        <\/div>\n                        <p class=\"testimonial-text\">Sar Medya ile kurumsal kimli\u011fimizi yeniledik ve dijital reklam kampanyalar\u0131m\u0131z\u0131 y\u00f6netmelerini sa\u011flad\u0131k. Yarat\u0131c\u0131 tasar\u0131mlar\u0131 ve profesyonel yakla\u015f\u0131mlar\u0131 i\u00e7in te\u015fekk\u00fcr ederiz.<\/p>\n                        <div class=\"testimonial-author\">\n                            <div class=\"author-avatar\">\n                                <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/women\/43.jpg\" alt=\"Client Avatar\">\n                            <\/div>\n                            <div class=\"author-info\">\n                                <h5>Ay\u015fe Kaya<\/h5>\n                                <p>Butik Otel Sahibi<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"testimonial-item\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n                    <div class=\"testimonial-content\">\n                        <div class=\"quote-icon\">\n                            <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <path d=\"M21 15C21 15.5304 20.7893 16.0391 20.4142 16.4142C20.0391 16.7893 19.5304 17 19 17H7L3 21V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H19C19.5304 3 20.0391 3.21071 20.4142 3.58579C20.7893 3.96086 21 4.46957 21 5V15Z\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                            <\/svg>\n                        <\/div>\n                        <p class=\"testimonial-text\">Ma\u011fazam\u0131z\u0131n ambalaj tasar\u0131mlar\u0131 ve reklam \u00e7al\u0131\u015fmalar\u0131 i\u00e7in Sar Medya'y\u0131 tercih ettik ve kesinlikle do\u011fru karar vermi\u015fiz. Marka g\u00f6r\u00fcn\u00fcrl\u00fc\u011f\u00fcm\u00fcz %200 artt\u0131.<\/p>\n                        <div class=\"testimonial-author\">\n                            <div class=\"author-avatar\">\n                                <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/men\/32.jpg\" alt=\"Client Avatar\">\n                            <\/div>\n                            <div class=\"author-info\">\n                                <h5>Mehmet Arslan<\/h5>\n                                <p>G\u0131da \u0130\u015fletmesi Sahibi<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"testimonial-item\" data-aos=\"fade-up\" data-aos-delay=\"300\">\n                    <div class=\"testimonial-content\">\n                        <div class=\"quote-icon\">\n                            <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <path d=\"M21 15C21 15.5304 20.7893 16.0391 20.4142 16.4142C20.0391 16.7893 19.5304 17 19 17H7L3 21V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H19C19.5304 3 20.0391 3.21071 20.4142 3.58579C20.7893 3.96086 21 4.46957 21 5V15Z\" stroke=\"#1E3A8A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                            <\/svg>\n                        <\/div>\n                        <p class=\"testimonial-text\">Kurumsal kimlik \u00e7al\u0131\u015fmam\u0131z ve katalog tasar\u0131m\u0131 i\u00e7in Sar Medya ile \u00e7al\u0131\u015ft\u0131k. S\u00fcre\u00e7 boyunca g\u00f6sterdikleri yarat\u0131c\u0131l\u0131k ve profesyonellik i\u00e7in te\u015fekk\u00fcr ederiz.<\/p>\n                        <div class=\"testimonial-author\">\n                            <div class=\"author-avatar\">\n                                <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/women\/65.jpg\" alt=\"Client Avatar\">\n                            <\/div>\n                            <div class=\"author-info\">\n                                <h5>Zeynep Demir<\/h5>\n                                <p>Pazarlama M\u00fcd\u00fcr\u00fc<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- CTA Section -->\n    <section id=\"contact\" class=\"design-cta\">\n        <div class=\"container\">\n            <div class=\"cta-content\" data-aos=\"fade-up\">\n                <h2>Markan\u0131z \u0130\u00e7in Do\u011fru Paketi Se\u00e7in<\/h2>\n                <p>Profesyonel ekibimiz, ihtiya\u00e7lar\u0131n\u0131za uygun tasar\u0131m ve reklam \u00e7\u00f6z\u00fcmleri sunmak i\u00e7in haz\u0131r. Hemen ileti\u015fime ge\u00e7in ve markan\u0131z\u0131n g\u00f6rsel kimli\u011fini g\u00fc\u00e7lendirelim.<\/p>\n                <div class=\"cta-buttons\">\n                    <a href=\"tel: 905538831565\" class=\"cta-button with-icon\">\n                        <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path d=\"M22 16.92V19C22 19.5304 21.7893 20.0391 21.4142 20.4142C21.0391 20.7893 20.5304 21 20 21H19C9.61116 21 3 14.3888 3 5V4C3 3.46957 3.21071 2.96086 3.58579 2.58579C3.96086 2.21071 4.46957 2 5 2H7.28C7.76285 2 8.18676 2.29466 8.31087 2.7556L9.35654 6.57886C9.46222 6.97299 9.31516 7.38861 8.984 7.62896L6.757 9.34178C8.21997 12.7739 11.2261 15.78 14.6582 17.243L16.371 15.016C16.6114 14.6848 17.027 14.5378 17.4211 14.6435L21.2444 15.6891C21.7053 15.8132 22 16.2371 22 16.72V16.92Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                        <\/svg>\n                        <span>Bizi Aray\u0131n<\/span>\n                    <\/a>\n                    <a href=\"mailto:info@sarmedya.com\" class=\"secondary-button with-icon\">\n                        <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path d=\"M4 4H20C21.1 4 22 4.9 22 6V18C22 19.1 21.1 20 20 20H4C2.9 20 2 19.1 2 18V6C2 4.9 2.9 4 4 4Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                            <path d=\"M22 6L12 13L2 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                        <\/svg>\n                        <span>E-posta G\u00f6nderin<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n<\/div>\n\n<style>\n\/* Genel Stiller *\/\n.sarmedya-design-packages {\n    font-family: 'Poppins', sans-serif;\n    color: #333;\n    line-height: 1.6;\n    overflow-x: hidden;\n}\n\n.sarmedya-design-packages .container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 20px;\n}\n\n.sarmedya-design-packages h1, \n.sarmedya-design-packages h2, \n.sarmedya-design-packages h3, \n.sarmedya-design-packages h4,\n.sarmedya-design-packages h5 {\n    font-weight: 700;\n    margin-bottom: 15px;\n    color: #222;\n}\n\n.sarmedya-design-packages h1 {\n    font-size: 3rem;\n    line-height: 1.2;\n}\n\n.sarmedya-design-packages h1 span {\n    color: #1E3A8A;\n}\n\n.sarmedya-design-packages h2 {\n    font-size: 2.5rem;\n    text-align: center;\n    margin-bottom: 15px;\n    position: relative;\n}\n\n.sarmedya-design-packages h3 {\n    font-size: 1.8rem;\n}\n\n.sarmedya-design-packages h4 {\n    font-size: 1.3rem;\n}\n\n.sarmedya-design-packages h5 {\n    font-size: 1.1rem;\n    margin-bottom: 5px;\n}\n\n.sarmedya-design-packages p {\n    margin-bottom: 20px;\n    font-size: 1.1rem;\n    color: #555;\n}\n\n.sarmedya-design-packages ul {\n    padding-left: 20px;\n    margin-bottom: 20px;\n}\n\n.sarmedya-design-packages ul li {\n    margin-bottom: 10px;\n    position: relative;\n    padding-left: 25px;\n    color: #555;\n}\n\n.sarmedya-design-packages ul li:before {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 8px;\n    width: 8px;\n    height: 8px;\n    background-color: #1E3A8A;\n    border-radius: 50%;\n}\n\n.sarmedya-design-packages strong {\n    color: #333;\n    font-weight: 600;\n}\n\n\/* Section Header *\/\n.section-header {\n    text-align: center;\n    margin-bottom: 60px;\n    max-width: 800px;\n    margin-left: auto;\n    margin-right: auto;\n}\n\n.section-subtitle {\n    display: inline-block;\n    font-size: 0.9rem;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    color: #1E3A8A;\n    margin-bottom: 15px;\n    font-weight: 600;\n}\n\n.section-description {\n    font-size: 1.2rem;\n    color: #666;\n}\n\n\/* Buton Stilleri *\/\n.cta-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background-color: #1E3A8A;\n    color: white;\n    padding: 15px 30px;\n    border-radius: 50px;\n    text-decoration: none;\n    font-weight: 600;\n    transition: all 0.3s ease;\n    border: none;\n    cursor: pointer;\n    font-size: 1rem;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    gap: 10px;\n}\n\n.cta-button:hover {\n    background-color: #1D4ED8;\n    transform: translateY(-3px);\n    box-shadow: 0 10px 20px rgba(30, 58, 138, 0.3);\n}\n\n.cta-button svg {\n    width: 18px;\n    height: 18px;\n}\n\n.cta-button.with-icon svg {\n    transition: transform 0.3s ease;\n}\n\n.cta-button.with-icon:hover svg {\n    transform: translateX(5px);\n}\n\n.secondary-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background-color: transparent;\n    color: #333;\n    padding: 15px 30px;\n    border-radius: 50px;\n    text-decoration: none;\n    font-weight: 600;\n    transition: all 0.3s ease;\n    border: 2px solid #ddd;\n    cursor: pointer;\n    font-size: 1rem;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    gap: 10px;\n}\n\n.secondary-button:hover {\n    border-color: #1E3A8A;\n    color: #1E3A8A;\n    transform: translateY(-3px);\n}\n\n.secondary-button svg {\n    width: 18px;\n    height: 18px;\n}\n\n.secondary-button.with-icon svg {\n    transition: transform 0.3s ease;\n}\n\n.secondary-button.with-icon:hover svg {\n    transform: translateX(5px);\n}\n\n.full-width {\n    width: 100%;\n    text-align: center;\n}\n\n.view-button {\n    display: inline-block;\n    padding: 8px 20px;\n    background-color: white;\n    color: #1E3A8A;\n    border-radius: 50px;\n    text-decoration: none;\n    font-weight: 600;\n    font-size: 0.9rem;\n    transition: all 0.3s ease;\n}\n\n.view-button:hover {\n    background-color: #1E3A8A;\n    color: white;\n}\n\n\/* Hero Section *\/\n.design-hero {\n    height: 100vh;\n    min-height: 700px;\n    position: relative;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n}\n\n.parallax-bg {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-size: cover;\n    background-position: center;\n    z-index: 1;\n}\n\n.hero-content {\n    position: relative;\n    z-index: 3;\n    width: 100%;\n    padding-top: 100px;\n}\n\n.hero-text {\n    max-width: 800px;\n    text-align: center;\n    margin: 0 auto;\n    color: white;\n}\n\n.hero-text .subtitle {\n    font-size: 1.5rem;\n    margin-bottom: 30px;\n    color: rgba(255, 255, 255, 0.9);\n}\n\n.hero-cta {\n    display: flex;\n    gap: 15px;\n    margin-top: 30px;\n    justify-content: center;\n}\n\n.hero-scroll-indicator {\n    position: absolute;\n    bottom: 40px;\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 3;\n    color: white;\n    text-align: center;\n    font-size: 0.9rem;\n    opacity: 0.8;\n    animation: bounce 2s infinite;\n}\n\n.hero-scroll-indicator span {\n    display: block;\n    margin-bottom: 10px;\n}\n\n.mouse {\n    width: 25px;\n    height: 40px;\n    border: 2px solid white;\n    border-radius: 20px;\n    display: flex;\n    justify-content: center;\n    margin: 0 auto;\n}\n\n.wheel {\n    width: 5px;\n    height: 8px;\n    background-color: white;\n    border-radius: 3px;\n    margin-top: 5px;\n    animation: scroll 2s infinite;\n}\n\n@keyframes scroll {\n    0% { transform: translateY(0); opacity: 1; }\n    100% { transform: translateY(10px); opacity: 0; }\n}\n\n@keyframes bounce {\n    0%, 20%, 50%, 80%, 100% { transform: translateY(0) translateX(-50%); }\n    40% { transform: translateY(-20px) translateX(-50%); }\n    60% { transform: translateY(-10px) translateX(-50%); }\n}\n\n\/* Clients Section *\/\n.clients-section {\n    padding: 80px 0;\n    background-color: #f9f9f9;\n}\n\n.client-logos {\n    margin-top: 50px;\n    overflow: hidden;\n    position: relative;\n}\n\n.logo-track {\n    display: flex;\n    gap: 40px;\n    animation: scroll-logos 30s linear infinite;\n    width: calc(250px * 12);\n}\n\n.logo-item {\n    flex-shrink: 0;\n    width: 200px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    opacity: 0.6;\n    transition: opacity 0.3s ease;\n}\n\n.logo-item:hover {\n    opacity: 1;\n}\n\n.logo-item img {\n    max-width: 100%;\n    height: auto;\n    filter: grayscale(100%);\n    transition: filter 0.3s ease;\n}\n\n.logo-item:hover img {\n    filter: grayscale(0%);\n}\n\n@keyframes scroll-logos {\n    0% { transform: translateX(0); }\n    100% { transform: translateX(calc(-250px * 6)); }\n}\n\n\/* Services Section *\/\n.services-section {\n    padding: 80px 0;\n    background-color: white;\n}\n\n.services-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 30px;\n    max-width: 1200px;\n    margin: 0 auto;\n}\n\n.service-card {\n    background-color: #f9f9f9;\n    border-radius: 10px;\n    padding: 30px;\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n    border: 1px solid #eee;\n}\n\n.service-card:hover {\n    transform: translateY(-10px);\n    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\n}\n\n.service-icon {\n    width: 60px;\n    height: 60px;\n    border-radius: 50%;\n    background-color: rgba(30, 58, 138, 0.1);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 20px;\n}\n\n.service-icon svg {\n    width: 24px;\n    height: 24px;\n}\n\n.service-card h3 {\n    color: #1E3A8A;\n    margin-bottom: 15px;\n}\n\n.service-card p {\n    margin-bottom: 20px;\n    color: #666;\n}\n\n.service-card ul {\n    margin-top: 20px;\n}\n\n\/* Packages Section *\/\n.design-packages {\n    padding: 100px 0;\n    background-color: #f9f9f9;\n}\n\n.package-tabs {\n    background: white;\n    border-radius: 15px;\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);\n    overflow: hidden;\n}\n\n.tab-nav {\n    display: flex;\n    border-bottom: 1px solid #eee;\n}\n\n.tab-button {\n    flex: 1;\n    padding: 20px;\n    background: none;\n    border: none;\n    font-size: 1rem;\n    font-weight: 600;\n    color: #666;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    position: relative;\n}\n\n.tab-button:after {\n    content: '';\n    position: absolute;\n    bottom: -1px;\n    left: 0;\n    width: 100%;\n    height: 3px;\n    background-color: transparent;\n    transition: all 0.3s ease;\n}\n\n.tab-button.active {\n    color: #1E3A8A;\n}\n\n.tab-button.active:after {\n    background-color: #1E3A8A;\n}\n\n.tab-content {\n    padding: 0;\n}\n\n.tab-pane {\n    display: none;\n    padding: 0;\n}\n\n.tab-pane.active {\n    display: block;\n}\n\n.package-grid {\n    display: grid;\n    grid-template-columns: 1fr 2fr 1fr;\n}\n\n.package-highlights {\n    padding: 40px;\n    background-color: #fafafa;\n    border-right: 1px solid #eee;\n}\n\n.highlight-card {\n    display: flex;\n    gap: 15px;\n    margin-bottom: 30px;\n}\n\n.highlight-icon {\n    flex-shrink: 0;\n    width: 50px;\n    height: 50px;\n    border-radius: 50%;\n    background-color: rgba(30, 58, 138, 0.1);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.highlight-icon svg {\n    width: 24px;\n    height: 24px;\n}\n\n.highlight-content h4 {\n    margin-bottom: 5px;\n    font-size: 1.1rem;\n}\n\n.highlight-content p {\n    font-size: 0.9rem;\n    color: #666;\n    margin: 0;\n}\n\n.package-details {\n    padding: 40px;\n}\n\n.package-description {\n    color: #666;\n    margin-bottom: 30px;\n    font-size: 1.1rem;\n}\n\n.detail-section {\n    margin-bottom: 30px;\n}\n\n.detail-section h4 {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 15px;\n    font-size: 1.1rem;\n}\n\n.detail-section h4 svg {\n    width: 20px;\n    height: 20px;\n}\n\n.package-cta {\n    padding: 40px;\n    background-color: #f5f5f5;\n    border-left: 1px solid #eee;\n    display: flex;\n    flex-direction: column;\n}\n\n.price-box {\n    text-align: center;\n    margin-bottom: 30px;\n}\n\n.price {\n    font-size: 2.5rem;\n    font-weight: 700;\n    color: #1E3A8A;\n    line-height: 1;\n    margin-bottom: 5px;\n}\n\n.price small {\n    font-size: 1rem;\n    font-weight: 400;\n    color: #666;\n}\n\n.price-note {\n    font-size: 0.9rem;\n    color: #666;\n    display: block;\n}\n\n.package-features {\n    margin: 30px 0;\n}\n\n.feature-item {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 15px;\n    font-size: 0.9rem;\n    color: #555;\n}\n\n.feature-item svg {\n    width: 20px;\n    height: 20px;\n    flex-shrink: 0;\n}\n\n\/* Portfolio Section *\/\n.portfolio-section {\n    padding: 100px 0;\n    background-color: white;\n}\n\n.portfolio-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 30px;\n    margin-bottom: 50px;\n}\n\n.portfolio-item {\n    position: relative;\n    border-radius: 10px;\n    overflow: hidden;\n    aspect-ratio: 1 \/ 1;\n}\n\n.portfolio-item img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.5s ease;\n}\n\n.portfolio-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0, 0, 0, 0.7);\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.portfolio-item:hover .portfolio-overlay {\n    opacity: 1;\n}\n\n.portfolio-item:hover img {\n    transform: scale(1.1);\n}\n\n.overlay-content {\n    text-align: center;\n    padding: 20px;\n    color: white;\n    transform: translateY(20px);\n    transition: transform 0.3s ease;\n}\n\n.portfolio-item:hover .overlay-content {\n    transform: translateY(0);\n}\n\n.overlay-content h4 {\n    color: white;\n    margin-bottom: 5px;\n}\n\n.overlay-content p {\n    color: rgba(255, 255, 255, 0.8);\n    margin-bottom: 15px;\n    font-size: 0.9rem;\n}\n\n.portfolio-cta {\n    text-align: center;\n}\n\n\/* Process Section *\/\n.process-section {\n    padding: 100px 0;\n    background-color: #f9f9f9;\n}\n\n.process-steps {\n    max-width: 800px;\n    margin: 0 auto;\n    position: relative;\n}\n\n.process-steps:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 30px;\n    height: 100%;\n    width: 2px;\n    background-color: #eee;\n    z-index: 1;\n}\n\n.process-item {\n    display: flex;\n    gap: 30px;\n    margin-bottom: 40px;\n    position: relative;\n    z-index: 2;\n}\n\n.process-number {\n    flex-shrink: 0;\n    width: 60px;\n    height: 60px;\n    border-radius: 50%;\n    background-color: #1E3A8A;\n    color: white;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1.5rem;\n    font-weight: 700;\n}\n\n.process-content {\n    padding-top: 10px;\n}\n\n.process-content h4 {\n    margin-bottom: 10px;\n}\n\n.process-content p {\n    margin-bottom: 0;\n    color: #666;\n}\n\n\/* Testimonials Section *\/\n.testimonials-section {\n    padding: 100px 0;\n    background-color: white;\n}\n\n.testimonials-slider {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 30px;\n    margin-top: 50px;\n}\n\n.testimonial-item {\n    background: white;\n    border-radius: 10px;\n    padding: 30px;\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.testimonial-item:hover {\n    transform: translateY(-10px);\n    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);\n}\n\n.testimonial-content {\n    position: relative;\n}\n\n.quote-icon {\n    margin-bottom: 20px;\n}\n\n.quote-icon svg {\n    width: 40px;\n    height: 40px;\n}\n\n.testimonial-text {\n    font-style: italic;\n    margin-bottom: 20px;\n    color: #555;\n    position: relative;\n}\n\n.testimonial-author {\n    display: flex;\n    align-items: center;\n    gap: 15px;\n}\n\n.author-avatar {\n    width: 50px;\n    height: 50px;\n    border-radius: 50%;\n    overflow: hidden;\n}\n\n.author-avatar img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n\n.author-info h5 {\n    margin-bottom: 5px;\n}\n\n.author-info p {\n    font-size: 0.9rem;\n    color: #666;\n    margin: 0;\n}\n\n\/* CTA Section *\/\n.design-cta {\n    padding: 100px 0;\n    background: linear-gradient(135deg, #1E3A8A, #1D4ED8);\n    color: white;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n}\n\n.design-cta:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: url('https:\/\/images.unsplash.com\/photo-1499951360447-b19be8fe80f5?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80') center\/cover;\n    opacity: 0.2;\n    z-index: 1;\n}\n\n.cta-content {\n    position: relative;\n    z-index: 2;\n    max-width: 800px;\n    margin: 0 auto;\n}\n\n.design-cta h2 {\n    color: white;\n    margin-bottom: 20px;\n}\n\n.design-cta p {\n    color: rgba(255, 255, 255, 0.8);\n    margin-bottom: 30px;\n}\n\n.cta-buttons {\n    display: flex;\n    gap: 15px;\n    justify-content: center;\n    flex-wrap: wrap;\n}\n\n\/* Responsive Tasar\u0131m *\/\n@media (max-width: 1200px) {\n    .package-grid {\n        grid-template-columns: 1fr 1.5fr 1fr;\n    }\n}\n\n@media (max-width: 992px) {\n    .package-grid {\n        grid-template-columns: 1fr;\n    }\n    \n    .package-highlights {\n        border-right: none;\n        border-bottom: 1px solid #eee;\n        display: flex;\n        flex-wrap: wrap;\n        gap: 20px;\n        justify-content: space-between;\n    }\n    \n    .highlight-card {\n        flex: 1;\n        min-width: 200px;\n        margin-bottom: 0;\n    }\n    \n    .package-cta {\n        border-left: none;\n        border-top: 1px solid #eee;\n    }\n    \n    .tab-nav {\n        flex-wrap: wrap;\n    }\n    \n    .tab-button {\n        flex: none;\n        width: 33.33%;\n    }\n}\n\n@media (max-width: 768px) {\n    .design-hero {\n        min-height: 600px;\n    }\n    \n    .hero-text h1 {\n        font-size: 2.2rem;\n    }\n    \n    .hero-text .subtitle {\n        font-size: 1.2rem;\n    }\n    \n    .hero-cta {\n        flex-direction: column;\n    }\n    \n    .section-header h2 {\n        font-size: 2rem;\n    }\n    \n    .process-item {\n        flex-direction: column;\n        gap: 15px;\n    }\n    \n    .process-steps:before {\n        left: 30px;\n    }\n    \n    .highlight-card {\n        min-width: 100%;\n    }\n    \n    .tab-button {\n        width: 100%;\n    }\n}\n\n@media (max-width: 576px) {\n    .design-hero {\n        min-height: 500px;\n    }\n    \n    .hero-text h1 {\n        font-size: 1.8rem;\n    }\n    \n    .section-header h2 {\n        font-size: 1.8rem;\n    }\n    \n    .portfolio-grid {\n        grid-template-columns: 1fr;\n    }\n    \n    .cta-buttons {\n        flex-direction: column;\n    }\n    \n    .cta-button, .secondary-button {\n        width: 100%;\n    }\n}\n<\/style>\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/aos\/2.3.4\/aos.js\"><\/script>\n<script>\n\/\/ Initialize AOS (Animate On Scroll)\ndocument.addEventListener('DOMContentLoaded', function() {\n    AOS.init({\n        duration: 800,\n        easing: 'ease-in-out',\n        once: true\n    });\n    \n    \/\/ Package Tabs\n    const tabButtons = document.querySelectorAll('.tab-button');\n    const tabPanes = document.querySelectorAll('.tab-pane');\n    \n    tabButtons.forEach(button => {\n        button.addEventListener('click', () => {\n            const tabId = button.getAttribute('data-tab');\n            \n            \/\/ Remove active class from all buttons and panes\n            tabButtons.forEach(btn => btn.classList.remove('active'));\n            tabPanes.forEach(pane => pane.classList.remove('active'));\n            \n            \/\/ Add active class to clicked button and corresponding pane\n            button.classList.add('active');\n            document.getElementById(tabId).classList.add('active');\n        });\n    });\n    \n    \/\/ Smooth Scrolling\n    document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n        anchor.addEventListener('click', function(e) {\n            e.preventDefault();\n            \n            const targetId = this.getAttribute('href');\n            if (targetId === '#') return;\n            \n            const targetElement = document.querySelector(targetId);\n            if (targetElement) {\n                window.scrollTo({\n                    top: targetElement.offsetTop - 80,\n                    behavior: 'smooth'\n                });\n            }\n        });\n    });\n    \n    \/\/ Infinite logo scrolling\n    const logoTrack = document.querySelector('.logo-track');\n    if (logoTrack) {\n        \/\/ Duplicate logos for infinite effect\n        logoTrack.innerHTML += logoTrack.innerHTML;\n    }\n});\n<\/script>\n\t\t<\/div>\n\t<\/div>\n\n\t\t\t<\/div> \n\t\t<\/div>\n\t<\/div> \n<\/div><\/div>","protected":false},"excerpt":{"rendered":"Profesyonel Tasar\u0131m & Reklam \u00c7\u00f6z\u00fcmleri Markan\u0131z\u0131n dijital kimli\u011fini g\u00fc\u00e7lendirecek kapsaml\u0131 hizmetler Paketleri Ke\u015ffet \u0130leti\u015fime Ge\u00e7 Ke\u015ffet G\u00fcvenen Markalar Referanslar\u0131m\u0131z Hizmetlerimiz Tasar\u0131m & Reklam \u00c7\u00f6z\u00fcmleri Markan\u0131z\u0131n dijital varl\u0131\u011f\u0131n\u0131 g\u00fc\u00e7lendirmek i\u00e7in kapsaml\u0131...","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3926","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/sarmedya.com\/en\/wp-json\/wp\/v2\/pages\/3926","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sarmedya.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sarmedya.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sarmedya.com\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/sarmedya.com\/en\/wp-json\/wp\/v2\/comments?post=3926"}],"version-history":[{"count":9,"href":"https:\/\/sarmedya.com\/en\/wp-json\/wp\/v2\/pages\/3926\/revisions"}],"predecessor-version":[{"id":4052,"href":"https:\/\/sarmedya.com\/en\/wp-json\/wp\/v2\/pages\/3926\/revisions\/4052"}],"wp:attachment":[{"href":"https:\/\/sarmedya.com\/en\/wp-json\/wp\/v2\/media?parent=3926"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}